Banners

StickyBanner

Funding news disguised as utility.

The sticky top announcement bar. Houses Series A news, beta tags, and 'now in W26' brags. Renders full-width above the nav.

Install

Copy this owned-code component into your app from the registry.

pnpm dlx shadcn-svelte@latest add https://benjamin-brady.github.io/performative-ui-svelte/registry/sticky-banner.json

Examples

Funding bar
Backed by Y Combinator (W26), we just raised our seed
<StickyBanner trailing="→">
  Backed by Y Combinator (W26), we just raised our seed
</StickyBanner>

Props

PropTypeDefaultDescription
hideSparkleboolean-Drop the leading ✦.
trailingSnippet-Trailing accessory (arrow, etc.).
Next EyebrowPill ]