Nested modals

Modals can stack. Each new modal layers on top with proper focus management. Closing the top modal returns focus to the previous one.

typescript
1<Modal open={showOuter}>
2 <Modal.Title>Confirm</Modal.Title>
3 <Button onClick={() => setShowInner(true)}>Details</Button>
4 <Modal open={showInner}>
5 <Modal.Title>Details</Modal.Title>
6 <Modal.Description>Additional info here</Modal.Description>
7 </Modal>
8</Modal>