Preview

Import

import { AnnouncementBar } from "@sigil-ui/components";

<AnnouncementBar message="v2.0 is now available" />

<AnnouncementBar
  badge="New"
  message="Sigil v2.0 ships with 46 presets and 350+ token-driven components"
  href="/blog/v2"
/>

<AnnouncementBar
  icon={<span>🚀</span>}
  message="We just launched on Product Hunt"
  href="https://producthunt.com"
/>

<AnnouncementBar message="Scheduled maintenance on Sunday" dismissible={false} />

Prop	Type	Default	Description
`icon`	`ReactNode`	—	Leading icon
`badge`	`string`	—	Small label badge
`message`	`string`	—	Announcement text
`href`	`string`	—	Link URL (makes the bar clickable)
`dismissible`	`boolean`	`true`	Show dismiss button
`className`	`string`	—	Additional CSS classes