composition6 tokens4 stories
Toast
Ephemeral notification pushed to a corner of the viewport; auto-dismisses after a timeout
Stories
Tokens
Design decisions specific to Toast — the values that control its appearance across all theme axes.
TokenTypeReferenceValueUsed by
--toast-max-widthdimension
380px380px
Toast
--toast-title-weightfontWeight
{font-weight.semibold}600
Toast
--toast-font-sizedimension
{font-size.sm}14px
Toast
--toast-accent-widthdimension
4px4px
Toast
--toast-viewport-insetdimension
{space.6}24px
Toast
--toast-close-offsetdimension
{space.2}8px
Toast