Banner
A dismissible page-level notice that remembers when it was closed.
More Shadcn 1.0 is out — 30+ components, all copy and paste.
Installation
Run the following command to install the `banner` components:
npx shadcn-svelte@latest add https://more-shadcn.noair.fun/r/banner.json
Persistence
Dismissals are stored under
more-shadcn:banner:<id>. Use persist="local" to hide it forever, persist="session" until the tab closes, or persist="none" to keep it purely in memory. Give every banner a unique id — bumping it is how you re-announce something.Variants
Six variants are available:
default, primary, info, success, warning and destructive.default
primary
info
success
warning
destructive
Sticky
Set
sticky to pin the banner to the top of the viewport as the page scrolls. Place
it as the first element inside your root layout.