Feedback · Application UI
Banner
Prominent inline status message with tone (info/success/warning/critical), title, body, actions, and dismiss. Distinct from the compact alert.
@byronwade/foundation@byronwade/button@byronwade/utils@phosphor-icons/react
Feature showcase
Installation
Features
5 examples
Default, Dismissible, Inline, Tones, With Actions.
API
Dependencies
| Package | Kind | Description |
|---|---|---|
| @byronwade/foundation | registry | Installed through the byronwade/ui registry. |
| @byronwade/button | registry | Installed through the byronwade/ui registry. |
| @byronwade/utils | registry | Installed through the byronwade/ui registry. |
| @phosphor-icons/react | npm | Installed from npm. |
Source and related
| File | Path |
|---|---|
| Component | registry/ui/banner.tsx |
| Default example | content/examples/banner/default.tsx |
| Dismissible example | content/examples/banner/dismissible.tsx |
| Inline example | content/examples/banner/inline.tsx |
| Tones example | content/examples/banner/tones.tsx |
| With Actions example | content/examples/banner/with-actions.tsx |