Skip to main content
The AnnouncementBar block renders a full-width banner for time-sensitive notices — application deadlines, event announcements, or program updates. It supports an icon, linked text, and a dismiss button.

​
Props

​
icon
string
Icon name from the Iconify/Lucide set. Rendered before the announcement text.
​
text
string
required
The announcement message text.
​
link
object
Optional link appended to the announcement. Object with:
  • label (string) — link display text
  • href (string) — destination URL
​
dismissible
boolean
When true, a close (×) button appears and the bar can be dismissed by the visitor. Defaults to false.

​
Usage in Sanity Studio

  1. Add an Announcement Bar block near the top of a page.
  2. Enter the Text (required).
  3. Optionally set an Icon name, a Link, and toggle Dismissible.

​
Example

{
  _type: 'announcementBar',
  icon: 'calendar',
  text: 'Applications for the Spring 2026 cohort are now open.',
  link: { label: 'Apply now', href: '/apply' },
  dismissible: true
}

Build docs developers (and LLMs) love

Get started for freeTalk to us