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",