primitives
@pdfcn-vue/alertAlert
Inline callout with tone variants.
Installation
Terminal
npx shadcn-vue@latest add @pdfcn-vue/alertUsage
Example
<Alert variant="info" title="Payment received">ACH transfer posted.</Alert>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | 'default' | 'info' | 'success' | 'warning' | 'destructive' | 'default' | Alert tone. |
| title | string | — | Optional bold title line. |
Live preview
The gallery uses a shared document. Change its theme in the theme builder to compare tokens.
Source files
Need the full template?
See blocks for invoices and reports composed from these primitives.