Toast
A compact notification surface with title, description, and close affordance.
Usage
API Reference
VoltToastClose — volt-toast-close
| Input | Type | Default |
|---|---|---|
| class | string | '' |
| Output | Type |
|---|---|
| closeChange | void |
VoltToastDescription — volt-toast-description
| Input | Type | Default |
|---|---|---|
| class | string | '' |
VoltToastTitle — volt-toast-title
| Input | Type | Default |
|---|---|---|
| class | string | '' |
VoltToast — volt-toast
| Input | Type | Default |
|---|---|---|
| variant | ToastVariants['variant'] | 'default' |
| class | string | '' |
CVA variants
| Prop | Options | Default |
|---|---|---|
| variant | default | success | error | warning | info | default |
Component Source
Install via CLI:
npx @voltui/cli add toastTypeScript
Loading editor…
Copy this code to your project. The component uses ng-primitives/toast.