Update dialog descriptions for demo

src/view/screens/Storybook/Dialogs.tsx

@@ -12,7 +12,7 @@ export function Dialogs() {
   const prompt = Prompt.usePromptControl()
 
   return (
-    <>
+    <View style={[a.gap_md]}>
       <Button
         variant="outline"
         color="secondary"
@@ -34,10 +34,10 @@ export function Dialogs() {
       </Button>
 
       <Prompt.Outer control={prompt}>
-        <Prompt.Title>Are you sure?</Prompt.Title>
+        <Prompt.Title>This is a prompt</Prompt.Title>
         <Prompt.Description>
-          This action cannot be undone. This action cannot be undone. This
+          This is a generic prompt component. It accepts a title and a
-          action cannot be undone.
+          description, as well as two actions.
         </Prompt.Description>
         <Prompt.Actions>
           <Prompt.Cancel>Cancel</Prompt.Cancel>
@@ -55,7 +55,9 @@ export function Dialogs() {
           accessibilityLabelledBy="dialog-title">
           <View style={[a.relative, a.gap_md, a.w_full]}>
             <H3 nativeID="dialog-title">Dialog</H3>
-            <P nativeID="dialog-description">Description</P>
+            <P nativeID="dialog-description">
+              A scrollable dialog with an input within it.
+            </P>
             <Dialog.InputText
               testID=""
               value=""
@@ -79,6 +81,6 @@ export function Dialogs() {
           </View>
         </Dialog.ScrollableInner>
       </Dialog.Outer>
-    </>
+    </View>
   )
 }

src/view/screens/Storybook/index.tsx

@@ -53,6 +53,7 @@ export function Storybook() {
               Dark
             </Button>
           </View>
+          <Dialogs />
 
           <ThemeProvider theme="light">
             <Theming />
@@ -70,7 +71,6 @@ export function Storybook() {
           <Buttons />
           <Links />
           <Forms />
-          <Dialogs />
           <Breakpoints />
         </View>
       </CenteredView>