feedback/@mihcm/ui·v0.21.0·stable
Banner
Full-width message strip at top of page or section. Optionally dismissible.
Live preview
Adjust the controls on the right; the preview and code update in real time.
A new version is available. Please refresh to update.
example.tsxtsx
import { Banner } from '@mihcm/ui/Banner';
export function Example() {
return (
<Banner
tone="info"
>
A new version is available. Please refresh to update.
</Banner>
);
}Install
Both paths are valid. CLI ships the source into your repo (you own it). Install pins via npm.
npx @mihcm/cli add BannerCopies the source into
components/ds/Banner.tsx. You own the file. Use --out to override the directory or --force to overwrite.