Utility
Terminal
█
banner-demo █
Loading preview... █
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█Installation
$ pnpm dlx shadcn@latest add @termcn/opentui/banner
Usage
import { Banner } from "@/components/ui/banner";<Banner variant="info" title="Update">
A new version is available. Run npx update to upgrade.
</Banner>Examples
Success Banner
Terminal
█
banner-success █
Loading preview... █
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█Error with Custom Icon
Terminal
█
banner-error █
Loading preview... █
█
█
█
█
█
█
█
█
█
█
█
█
█
█
█API Reference
Banner
| Prop | Type | Default |
|---|---|---|
children | ReactNode | required |
variant | "info" | "warning" | "error" | "success" | "neutral" | "info" |
icon | string | - |
title | string | - |
dismissible | boolean | false |
onDismiss | () => void | - |
color | string | - |
accentChar | string | "┃" |
gap | number | 1 |