KQ-168 · ALERT/BAR
Alert Bar
An inline notice that takes its own space rather than floating over the work. Opening glides the row down from zero height while a severity stripe draws itself down the leading edge; dismissing collapses it back and the space closes behind it, so nothing below jumps.
KQ-168 · ALERT/BAR
Drifting wide
Pass three ran 0.3 mm over. Re-seat the jig before the next cut.
Raised warn
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/alert-bar
Props
- open / defaultOpen
- boolean
- default —
- Controlled or initial visibility.
- severity
- "info" | "success" | "warn" | "danger"
- default "info"
- Sets the stripe, the title tone, and how loudly it speaks.
- title / children
- string / ReactNode
- default —
- The heading and an optional body.
| Prop | Type | Default | Description |
|---|---|---|---|
| open / defaultOpen | boolean | — | Controlled or initial visibility. |
| severity | "info" | "success" | "warn" | "danger" | "info" | Sets the stripe, the title tone, and how loudly it speaks. |
| title / children | string / ReactNode | — | The heading and an optional body. |