docs(CozyDialogs): Add inner dialog

cozy · Oct 9, 2024 · c8bfb36 · c8bfb36
1 parent 2451143
commit c8bfb36
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/react/CozyDialogs/Readme.md b/react/CozyDialogs/Readme.md
@@ -92,6 +92,8 @@ const hideBottomSheet = () => setState({ bottomSheetOpened: false })
 const showBottomSheet = () => setState({ bottomSheetOpened: true })
 const hideSecondConfirmDialog = () => setState({ secondConfirmDialogOpened: false })
 const showSecondConfirmDialog = () => setState({ secondConfirmDialogOpened: true })
+const hideSecondDialog = () => setState({ secondDialogOpened: false })
+const showSecondDialog = () => setState({ secondDialogOpened: true })
 const hideBSConfirmDialog = () => setState({ BSConfirmDialogOpened: false })
 const showBSConfirmDialog = () => setState({ BSConfirmDialogOpened: true })
 
@@ -188,6 +190,7 @@ initialState = {
   modalOpened: isTesting(),
   bottomSheetOpened: false,
   secondConfirmDialogOpened: false,
+  secondDialogOpened: false,
   BSConfirmDialogOpened: false,
   modal: Dialog,
   size: 'medium',
@@ -323,6 +326,9 @@ const initialVariants = [{
                     <div>
                       <Button label="Show inner confirm dialog" onClick={showSecondConfirmDialog}/>
                     </div>
+                    <div>
+                      <Button label="Show inner dialog" onClick={showSecondDialog}/>
+                    </div>
                   </Stack>
                 </Typography>
 
@@ -333,6 +339,13 @@ const initialVariants = [{
                   />
                 )}
 
+                {state.secondDialogOpened && (
+                  <Dialog open onClose={hideSecondDialog}
+                    title="This is a simple title"
+                    content="This is a simple content"
+                  />
+                )}
+
                 {state.bottomSheetOpened && (
                   <BottomSheet backdrop onClose={hideBottomSheet}>
                     <BottomSheetItem>