Announcement Bar

announcement_bar renders a compact bordered strip for important updates without taking over the page.

When to Use

Use it above or between sections for launches, limited-time notices, migration messages, or release updates.

Usage

{{ announcement_bar(label="New", text="Version 2 is available", href="/docs", link_text="Read docs") }}

Live Example

New The landing shortcode library now includes production-ready proof, product, and conversion sections.

Browse shortcodes

Parameters

ParameterDescription
containerInner content width.
iconOptional leading icon. Defaults to megaphone.
labelShort emphasized label before the copy.
textAnnouncement copy.
hrefOptional URL for the trailing link.
link_textLink label. Defaults to Learn more.
bgFull-width section background token.
classAdditional CSS classes on the outer section.