Banner
A full-width announcement bar for the top of an app or marketing page — message, optional icon, action links and a dismiss X. Edge-to-edge, unlike the bordered alert card.
$
Registry itembunx shadcn@latest add @nx-ui/bannerInstalls withutils
Brand tone
The solid navy section fill, for headline announcements. Dismissible by default.
Neutral tone
A surface fill with a hairline ring, paired with a leading featured icon — for lower-key, informational notices.
Floating tone
A rounded, shadowed card variant that sits inset from the page edges — for cookie notices and contextual prompts.
API reference
Exported parts and their props, extracted from the component source.