Banner
A Banner component from the Sigil design system.
import { Banner } from "@sigil-ui/components";
<Banner>Banner content</Banner>
| Prop | Type | Default | Description |
|---|
variant | BannerVariant | — | — |
icon | ReactNode | — | — |
dismissible | boolean | — | — |
onDismiss | () => void | — | — |
| CSS Variable | Purpose |
|---|
--s-surface | Surface |
--s-border | Border |
--s-text | Text |
--s-info-muted | Info muted |
--s-info | Info |
--s-warning-muted | Warning muted |
--s-warning | Warning |
--s-error-muted | Error muted |
--s-error | Error |
--s-success-muted | Success muted |
--s-success | Success |
--s-banner-icon-gap | Banner icon gap |