feedback/@mihcm/ui·v0.21.0·stable
Banner
Full-width message strip at top of page or section. Optionally dismissible.
Props
The full prop API for Banner. Same surface in web and React Native — bundlers pick the right variant via the react-native export condition.
| Prop | Type | Default | Description | Since |
|---|---|---|---|---|
tone | 'info' | 'accent' | 'warning' | 'error' | 'announcement' | 'info' | Color tone matching the message severity. | 0.5.0 |
onDismiss | () => void | — | When provided, renders a dismiss (x) button. | 0.5.0 |
dismissible | boolean | false | Convenience boolean — renders the dismiss button. | 0.5.0 |
showIcon | boolean | true | Set to false to hide the default icon. | 0.5.0 |
className | string | — | Additional Tailwind classes. | 0.5.0 |
Import
import { Banner } from '@mihcm/ui/Banner';