Dialog
Dialog is a floating surface used to display transient content such as confirmation actions, selection options, and more.
-
Documentation
- dialog
Basic
Body message
Header title (contains close button)
Title
Body message
Header, rows and footer
Title
Row 1
Row 2
Row 3
Row 4
Row 5
Row 6
Row 7
Row 8
Row 9
Row 10
Row 11
Row 12
Row 13
Row 14
Row 15
Row 16
Row 17
Row 18
Row 19
Row 20
Footer
Backdrop
Title
Body message
Dark backdrop
Title
Body message
Light backdrop, fast
Title
Body message
Modal dialog
Title
Body message
Modal dialog, escapable
Title
Body message
Narrow dialog
Title
Body message
Wide dialog
Title
Body message
Max width and height
Title
Row 1
Row 2
Row 3
Row 4
Row 5
Row 6
Row 7
Row 8
Row 9
Row 10
Focus first
Title
*
*
Cancel Delete buttons
Delete issue?
Are you sure you'd like to delete this issue?
Open multiple, escapable
Accept terms of service
This is the updated terms of service
Are you sure you want to decline?
Prompt options
Status: -
Body
Form in dialog
Selected: -
-
On this page
- Top of page
- Documentation
-
Stories
- Basic
- With links
- Header title (contains close button)
- Header, rows and footer
- Backdrop
- Dark backdrop
- Light backdrop, fast
- Modal dialog
- Modal dialog, escapable
- Narrow dialog
- Wide dialog
- Max width and height
- Focus first
- Cancel Delete buttons
- Open multiple, escapable
- Prompt options
- Form in dialog
- Top of page