composition6 tokens8 stories
Dialog
Overlay for tasks or information requiring focused attention
Stories
Tokens
Design decisions specific to Dialog — the values that control its appearance across all theme axes.
TokenTypeReferenceValueUsed by
--dialog-max-widthdimension
{size.dialog-md}560px
Dialog
--dialog-close-sizedimension
{size.icon-interactive}28px
Dialog
--dialog-max-width-smdimension
{size.dialog-sm}480px
Dialog
--dialog-max-width-lgdimension
{size.dialog-lg}720px
Dialog
--dialog-max-width-xldimension
{size.layout-md}1024px
Dialog
--dialog-entrance-offsetdimension
8px8px
Dialog