← ui-lab

Banner

A dismissible status banner: a labelled role="status" region with a message and a dismiss button. Dismissing removes the banner and moves focus to a show button (so keyboard focus is never lost); showing it again restores the banner and returns focus to dismiss.

Preview

Your changes were saved.

Installation

npx shadcn@latest add https://ui.publictheta.com/r/banner.json

Conformance

This component conforms to the @publictheta/ui-spec banner specification. Run the suite against any implementation with pnpm conformance.