Announcement Bar
Place a short announcement and link above your navigation.
Preview
Import
import { AnnouncementBar } from "@sigil-ui/components";Usage
<AnnouncementBar badge="New" message="Sigil UI v2 is here — 46 presets, 350+ components" href="/docs" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
icon | ReactNode | — | Icon configuration. |
badge | string | — | Badge configuration. |
message (required) | string | — | Message configuration. |
href | string | — | Href configuration. |
dismissible | boolean | — | Dismissible configuration. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-font-mono | Font mono |
--s-primary | Primary |
--s-border-style | Border style |
--s-text-secondary | Text secondary |
--s-text-muted | Text muted |
--s-space-2 | Space 2 |
--s-space-4 | Space 4 |
--s-border-muted | Border muted |
--s-surface | Surface |
--s-duration-fast | Duration fast |