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 }) => (