Added sample and docs for FButton.icon

forus-labs · Aug 3, 2024 · 3487e11 · 3487e11
1 parent af29913
commit 3487e11
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 2 deletions.
diff --git a/docs/pages/docs/button.mdx b/docs/pages/docs/button.mdx
@@ -103,7 +103,7 @@ FButton.raw(
   </Tabs.Tab>
 </Tabs>
 
-### With Icon
+### With Text+Icon
 <Tabs items={['Preview', 'Code']}>
   <Tabs.Tab>
     <Widget name='button' variant='icon' query={{}}/>
@@ -117,4 +117,20 @@ FButton.raw(
     ),
     ```
   </Tabs.Tab>
-</Tabs>
+</Tabs>
+
+### With Only Icon
+<Tabs items={['Preview', 'Code']}>
+  <Tabs.Tab>
+    <Widget name='button' variant='only-icon' query={{}}/>
+  </Tabs.Tab>
+  <Tabs.Tab>
+    ```dart {2}
+    FButton.icon(
+      icon: FButtonIcon(icon: FAssets.icons.chevronRight),
+      onPress: () {},
+    ),
+    ```
+  </Tabs.Tab>
+</Tabs>
+
diff --git a/forui/lib/src/widgets/divider.dart b/forui/lib/src/widgets/divider.dart
@@ -168,6 +168,8 @@ final class FDividerStyle with Diagnosticable {
       ..add(DiagnosticsProperty('padding', padding))
       ..add(ColorProperty('color', color))
       ..add(DoubleProperty('width', width));
+
+    FButton.icon(onPress: (){}, icon: FButtonIcon(icon: FAssets.icons.arrowRight),);
   }
 
   @override

diff --git a/samples/lib/main.dart b/samples/lib/main.dart
@@ -2,6 +2,7 @@ import 'package:flutter/material.dart' hide DialogRoute;
 
 import 'package:auto_route/auto_route.dart';
 import 'package:flutter_web_plugins/flutter_web_plugins.dart';
+import 'package:forui/forui.dart';
 
 import 'package:forui_samples/main.gr.dart';
 import 'package:forui_samples/sample_scaffold.dart';
@@ -71,6 +72,10 @@ class _AppRouter extends RootStackRouter {
           path: '/button/icon',
           page: ButtonIconRoute.page,
         ),
+        AutoRoute(
+          path: '/button/only-icon',
+          page: ButtonOnlyIconRoute.page,
+        ),
         AutoRoute(
           path: '/calendar/default',
           page: CalendarRoute.page,

diff --git a/samples/lib/widgets/button.dart b/samples/lib/widgets/button.dart
@@ -52,3 +52,18 @@ class ButtonIconPage extends SampleScaffold {
         ),
       );
 }
+
+@RoutePage()
+class ButtonOnlyIconPage extends SampleScaffold {
+  ButtonOnlyIconPage({
+    @queryParam super.theme,
+  });
+
+  @override
+  Widget child(BuildContext context) => IntrinsicWidth(
+        child: FButton.icon(
+          icon: FButtonIcon(icon: FAssets.icons.chevronRight),
+          onPress: () {},
+        ),
+      );
+}