Docs draft
Banner
Component storyFigma component set ↗React component ↗DSDS entity ↗
When to use it
usePersistent account or availability information: unverified email, region restrictions.
avoidTransient confirmations of the user's own actions.
toastVariants
content · message / with-link — The old Internal/External actions became one inline underlined link.
close — Disclaimers omit it and stay put — the old Informational Disclaimer type.
Design specifications
| surface | color.bg.info — the recovered broadcast slate #213944, now primitive slate.700 with an 11.9:1 contract |
| text | color.text.on-status in type.body |
| close | 48px target with a 10% ink wash |
| width | always full-bleed |
Accessibility
Tab — Inline link, then dismiss.
role=status; the inline link is a real anchor.