From a78b8ee43b8f6de135da5d1aff58adcbe7e82b16 Mon Sep 17 00:00:00 2001
From: Timo Zehnle <59875255+ti10le@users.noreply.github.com>
Date: Tue, 19 Oct 2021 14:35:38 +0200
Subject: [PATCH] docs: new action group example (#1411)

---
 .changeset/brown-horses-clap.md          |  5 +++++
 docs/content/components/action-group.mdx | 20 +++++---------------
 2 files changed, 10 insertions(+), 15 deletions(-)
 create mode 100644 .changeset/brown-horses-clap.md

diff --git a/.changeset/brown-horses-clap.md b/.changeset/brown-horses-clap.md
new file mode 100644
index 0000000000..27dd05ea71
--- /dev/null
+++ 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
index c86346f048..31ebfb6a4d 100644
--- a/docs/content/components/action-group.mdx
+++ b/docs/content/components/action-group.mdx
@@ -52,15 +52,8 @@ 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>
 ```
 
@@ -68,14 +61,11 @@ import { ActionGroup } from '@marigold/components';
 
 ```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>
 ```