AnnouncementBar
conversion · 4 variants · pages: home, catalog, product, cart, article, landing, appnpx shadcn-vue@latest add @trame/shell-announcement-bar # Vue
npx shadcn@latest add @trame/shell-announcement-bar # React-
top-bar@trame/shell-announcement-bar--top-barthe usual strip above the header: one sentence and a link, for a promotion or a piece of news
-
docked@trame/shell-announcement-bar--dockedan app download or an upgrade: a bar fixed to the bottom of the screen, with its button
-
floating@trame/shell-announcement-bar--floatinga pill that floats at the bottom of the page without covering the content: a short offer, dismissed easily
-
capsule@trame/shell-announcement-bar--capsulea light rounded capsule centred at the top of the page, badge, message and a text link between hairlines: a release or a new collection that should not look like an alert