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>