Banner
feedbackTop-of-page announcement banner with dismiss action and optional CTA.
Preview
No preview available
Check the code examples below.
Installation
npm install @launchapp/design-systemImport
import { Banner } from "@launchapp/design-system";Examples
Info banner
<Banner variant="info" onDismiss={() => console.log("dismissed")}> 🎉 New features available — <a href="/changelog">See what's new</a></Banner>Props
| Prop | Type | Default | Description |
|---|---|---|---|
children* | React.ReactNode | — | Banner message content. |
variant | "info" | "success" | "warning" | "error" | "info" | Color scheme. |
dismissible | boolean | true | Show dismiss button. |
onDismiss | () => void | — | Called when dismissed. |