diff --git a/apps/storybook/stories/dialog.stories.tsx b/apps/storybook/stories/dialog.stories.tsx index b6b34d70..de9a90d9 100644 --- a/apps/storybook/stories/dialog.stories.tsx +++ b/apps/storybook/stories/dialog.stories.tsx @@ -46,3 +46,14 @@ export function Basic({ ); } + +Basic.args = { + children: ( +
+ Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eius aliquam + laudantium explicabo pariatur iste dolorem animi vitae error totam. At + sapiente aliquam accusamus facere veritatis. +
+ ), + title: 'Lorem ipsum, dolor sit amet', +}; diff --git a/apps/storybook/stories/dropdown-menu.stories.tsx b/apps/storybook/stories/dropdown-menu.stories.tsx index f7b21266..28f07819 100644 --- a/apps/storybook/stories/dropdown-menu.stories.tsx +++ b/apps/storybook/stories/dropdown-menu.stories.tsx @@ -46,16 +46,16 @@ export function Basic({ >) { const menuItems = [ { - label: 'Apple', - value: 'apple', + label: 'Profile', + value: 'profile', }, { - label: 'Banana', - value: 'banana', + label: 'Settings', + value: 'settings', }, { - label: 'Orange', - value: 'orange', + label: 'Sign Out', + value: 'sign-out', }, ]; @@ -79,23 +79,23 @@ export function Basic({ Basic.args = { align: 'start', - label: 'Select fruitzz', + label: 'More actions', size: 'regular', }; export function Align() { const menuItems = [ { - label: 'Apple', - value: 'apple', + label: 'Profile', + value: 'profile', }, { - label: 'Banana', - value: 'banana', + label: 'Settings', + value: 'settings', }, { - label: 'Orange', - value: 'orange', + label: 'Sign Out', + value: 'sign-out', }, ]; @@ -103,7 +103,7 @@ export function Align() { return (
- + {menuItems.map(({ label, value }) => ( ))} - + {menuItems.map(({ label, value }) => (