Skip to sidebar
Skip to canvas
Storybook
Search for components
⌃ K
DialogModal
Docs
Success
Info
Warning
Error
Small
Large
Extra Large
Full Screen
Top Position
Skip to canvas
Bottom Position
Blur Backdrop
Transparent Backdrop
Loading
Disabled
Custom Content
Custom Header Footer
Minimal
Async Action
Recently opened
DialogModal
Controls
15
Actions
Interactions
Addons
Name
Control
icon
success
title
Top Positioned Modal
description
This modal appears at the top of the screen.
confirm
Continue
hasCancel
False
True
cancel
Go Back
position
Choose option...
center
top
bottom
left
right
size
Choose option...
sm
md
lg
xl
full
backdrop
Choose option...
blur
transparent
solid
backdropOpacity
Set object
closeOnBackdropClick
Set object
closeOnEscape
Set object
showCloseButton
Set object
loading
Set boolean
disabled
Set boolean
Interaction testing
Interaction tests allow you to verify the functional aspects of UIs. Write a play function for your story and you'll see it run here.
Watch 8m video
Read docs