shadcn.io is not affiliated with official shadcn/ui
Announcement Bar Awards Block for Solid
A slim announcement bar for one headline award: a drawn laurel, one sentence naming the award and the programme, and a Read the story link.
Installation
Overview
A slim awards announcement for Solid with Ark UI, to open a page or sit above a pricing table. Under the page's top rule and nothing else, the catalog Announcement is one link: a small drawn laurel at its start, "Kindling wins Best Developer Platform at the Cinderley Software Prize" and a muted "Read the story" with an arrow. On a phone the laurel goes, the sentence takes two lines and the link drops under it. It is built from Announcement and Guides, follows your theme and has one short fade on load. The awards and programmes are made up for the example: swap AWARDS for your own, and use only recognition you have actually received.
FAQ
Where does the link go?
The whole bar is one link to #: point it at the story. It is the catalog Announcement with asChild on every base, so it can be your router's link.
The Announcement's asChild receives its props: spread them onto your router's link.
Which award should it name?
One: your most recent and best known. A bar that rotates between awards says less than the one it picked; the other blocks in this category are for lists.
Can it be dismissed?
No: it is part of the page, not a notice, and it has no state. For a bar a visitor can close, use one of the banner blocks.