storybook: tweak examples

apps/storybook/stories/dialog.stories.tsx

@@ -46,3 +46,14 @@ export function Basic({
     </div>
   );
 }
+
+Basic.args = {
+  children: (
+    <div>
+      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.
+    </div>
+  ),
+  title: 'Lorem ipsum, dolor sit amet',
+};

apps/storybook/stories/dropdown-menu.stories.tsx

@@ -46,16 +46,16 @@ export function Basic({
 >) {
   const menuItems = [
     {
-      label: 'Apple',
+      label: 'Profile',
-      value: 'apple',
+      value: 'profile',
     },
     {
-      label: 'Banana',
+      label: 'Settings',
-      value: 'banana',
+      value: 'settings',
     },
     {
-      label: 'Orange',
+      label: 'Sign Out',
-      value: 'orange',
+      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',
+      label: 'Profile',
-      value: 'apple',
+      value: 'profile',
     },
     {
-      label: 'Banana',
+      label: 'Settings',
-      value: 'banana',
+      value: 'settings',
     },
     {
-      label: 'Orange',
+      label: 'Sign Out',
-      value: 'orange',
+      value: 'sign-out',
     },
   ];
 
@@ -103,7 +103,7 @@ export function Align() {
 
   return (
     <div className="flex justify-between">
-      <DropdownMenu align="start" label="Select fruit" size="regular">
+      <DropdownMenu align="start" label="Select an action" size="regular">
         {menuItems.map(({ label, value }) => (
           <DropdownMenu.Item
             key={value}
@@ -115,7 +115,7 @@ export function Align() {
           />
         ))}
       </DropdownMenu>
-      <DropdownMenu align="end" label="Select fruit" size="regular">
+      <DropdownMenu align="end" label="Select an action" size="regular">
         {menuItems.map(({ label, value }) => (
           <DropdownMenu.Item
             key={value}