A full-width announcement bar pinned to the top or bottom of the viewport.
A port of the Pines banner.
<.banner id="launch">
We just shipped v2. <.link href="/changelog" class="underline">See what's new</.link>.
</.banner>
Summary
Feedback
Renders an announcement banner.
Feedback
Renders an announcement banner.
Accessibility
Uses role="region" with an accessible name rather than role="alert" — a marketing or
cookie banner is not an alert, and announcing it assertively would interrupt whatever the
user is doing.
Attributes
id(:string) - Defaults tonil.position(:string) - Defaults to"bottom". Must be one of"top", or"bottom".variant(:string) - Defaults to"default". Must be one of"default","primary","success","warning", or"danger".delay(:integer) - Milliseconds to wait before revealing. Pines uses a short delay so the banner slides in. Defaults to0.dismissible(:boolean) - Defaults totrue.sticky(:boolean) - Fixes the banner to the viewport edge. Defaults totrue.class(:string) - Defaults tonil.- Global attributes are accepted.
Slots
inner_block(required)actions- Buttons or links, rendered at the trailing edge.