Banner
A full-width message pinned to the top of a page for announcements, trials and system notices. One line, one action, dismissible.
Types
<Banner type="accent" action={{ label: "Learn more", href: "/news" }} onClose={hide}>Maple 1.0 is here.</Banner>Props
| Prop | Type | Default | Description |
|---|---|---|---|
type | "accent" | "neutral" | "warning" | "accent" | Style. |
children | ReactNode | — | Message. |
action | { label, href?, onClick? } | — | One action. |
onClose | () => void | — | Dismiss button. |