diff --git a/starters/docs/src/InputGroup.tsx b/starters/docs/src/InputGroup.tsx index e6cb88d102a..80bcbb1dd46 100644 --- a/starters/docs/src/InputGroup.tsx +++ b/starters/docs/src/InputGroup.tsx @@ -14,9 +14,9 @@ export function InputGroup(props: InputGroupProps) { {props.label && {props.label}} {composeRenderProps(props.children, (children, renderProps) => ( - + {children} - + ))} diff --git a/starters/docs/src/Toolbar.tsx b/starters/docs/src/Toolbar.tsx index 35413a78131..46c4b4819ba 100644 --- a/starters/docs/src/Toolbar.tsx +++ b/starters/docs/src/Toolbar.tsx @@ -4,8 +4,8 @@ import './Toolbar.css'; export function Toolbar(props: ToolbarProps) { return ( - + - + ); } diff --git a/starters/docs/stories/DisclosureGroup.stories.tsx b/starters/docs/stories/DisclosureGroup.stories.tsx index 899d6e61f76..585bac97546 100644 --- a/starters/docs/stories/DisclosureGroup.stories.tsx +++ b/starters/docs/stories/DisclosureGroup.stories.tsx @@ -1,5 +1,5 @@ import {DisclosureGroup} from '../src/DisclosureGroup'; -import {Disclosure} from '../src/Disclosure'; +import {Disclosure, DisclosureHeader, DisclosurePanel} from '../src/Disclosure'; import type {Meta, StoryFn} from '@storybook/react'; @@ -16,11 +16,17 @@ type Story = StoryFn; export const Example: Story = (args) => ( - -

Personal information form here.

+ + Personal Information + +

Personal information form here.

+
- -

Billing address form here.

+ + Billing Address + +

Billing address form here.

+
);