docs: new action group example (#1411)

marigold-ui · Oct 19, 2021 · a78b8ee · a78b8ee
1 parent 1495b97
commit a78b8ee
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 15 deletions.
diff --git a/.changeset/brown-horses-clap.md b/.changeset/brown-horses-clap.md
@@ -0,0 +1,5 @@
+---
+"docs": patch
+---
+
+docs: fix bad action group example
diff --git a/docs/content/components/action-group.mdx b/docs/content/components/action-group.mdx
@@ -52,30 +52,20 @@ import { ActionGroup } from '@marigold/components';
 
 ```tsx
 <ActionGroup space={8}>
-  <Button variant="secondary" size="small">
-    <Play />
-  </Button>
-  <Button variant="secondary" size="small">
-    <Pause />
-  </Button>
-  <Button variant="secondary" size="small">
-    <Stop />
-  </Button>
+  <Button variant="ghost">Back</Button>
+  <Button variant="secondary">Next</Button>
 </ActionGroup>
 ```
 
 ### With vertical alignment
 
 ```tsx
 <ActionGroup space={8} verticalAlignment>
-  <Button variant="secondary" size="small">
-    <Play />
-  </Button>
-  <Button variant="secondary" size="small">
-    <Pause />
+  <Button variant="ghost" size="small">
+    Sort <SortUp />
   </Button>
   <Button variant="secondary" size="small">
-    <Stop />
+    Sort <SortDown />
   </Button>
 </ActionGroup>
 ```