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:
+Use the `buttons` prop to pass an array of button components, which are rendered inside a [ButtonGroup](/docs/components-button-button-group--docs):
+
+
+
Pass `isIconHidden` to hide the theme icon on the left:
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",