nalarx-uiComponents
Note
A short neutral note under a row or field; the icon carries the tone.
bunx shadcn@latest add @nalarx/noteUsage
import { Note } from "@/components/ui/nx/Note";
<Note>Runs every Monday at 08:00.</Note>
<Note tone="warn">WhatsApp is not connected yet, so this will not be sent.</Note>Runs every Monday at 08:00.
WhatsApp is not connected yet, so this will not be sent.
Runs every Monday at 08:00.
WhatsApp is not connected yet, so this will not be sent.
Use it instead of a tinted banner (DESIGN.md §3). warn is a status, not an error: the form can still be saved.
Props
| Prop | Type | Default | |
|---|---|---|---|
children | ReactNode | The note. One or two short sentences. | |
tone | "info" | "warn" | "info" | warn shows a warning icon in the warn colour and is announced as a status. |
className | string | Placement. |
Replaces
Note in nalarx-frontend apps/web/src/components/ui/Note.tsx (development).