From 198a322319fa5ebb5c5e36462ef8f0bc8c844f7f Mon Sep 17 00:00:00 2001
From: Marcus Kernohan <135075821+mkernohanbc@users.noreply.github.com>
Date: Mon, 12 Aug 2024 15:21:59 -0700
Subject: [PATCH] storybook docs and examples

---
 packages/react-components/src/stories/ButtonGroup.stories.tsx | 2 +-
 packages/react-components/src/stories/InlineAlert.mdx         | 4 ++++
 packages/react-components/src/stories/InlineAlert.stories.tsx | 4 ++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/react-components/src/stories/ButtonGroup.stories.tsx b/packages/react-components/src/stories/ButtonGroup.stories.tsx
index 4701ece8..c5545e88 100644
--- a/packages/react-components/src/stories/ButtonGroup.stories.tsx
+++ b/packages/react-components/src/stories/ButtonGroup.stories.tsx
@@ -4,7 +4,7 @@ import { Button, ButtonGroup } from "../components";
 import { ButtonGroupProps } from "@/components/ButtonGroup";
 
 const meta = {
-  title: "Components/Button/Button group",
+  title: "Components/Button/ButtonGroup",
   component: ButtonGroup,
   parameters: {
     layout: "centered",
diff --git a/packages/react-components/src/stories/InlineAlert.mdx b/packages/react-components/src/stories/InlineAlert.mdx
index d461d174..928c21e2 100644
--- a/packages/react-components/src/stories/InlineAlert.mdx
+++ b/packages/react-components/src/stories/InlineAlert.mdx
@@ -72,6 +72,10 @@ Use the `title` and optional `description` props to populate an alert's content:
 
 <Canvas of={InlineAlertStories.InlineAlertTemplate} />
 
+Use the `buttons` prop to pass an array of button components, which are rendered inside a [ButtonGroup](/docs/components-button-button-group--docs):
+
+<Canvas of={InlineAlertStories.AlertWithButtons} />
+
 Pass `isIconHidden` to hide the theme icon on the left:
 
 <Canvas of={InlineAlertStories.InlineAlertWithoutIcon} />
diff --git a/packages/react-components/src/stories/InlineAlert.stories.tsx b/packages/react-components/src/stories/InlineAlert.stories.tsx
index 20900074..7c2c4e68 100644
--- a/packages/react-components/src/stories/InlineAlert.stories.tsx
+++ b/packages/react-components/src/stories/InlineAlert.stories.tsx
@@ -23,6 +23,10 @@ const meta = {
       control: { type: "text" },
       description: "Sets the alert text",
     },
+    buttons: {
+      control: { type: "object" },
+      description: "Expects an array of button components",
+    },
     isIconHidden: {
       control: { type: "boolean" },
       description: "Show or hide the left icon",