Toast
Una superficie de notificación compacta con título, descripción y opción de cierre.
Uso
Referencia de la API
VoltToastClose — volt-toast-close
| Entrada | Tipo | Por defecto |
|---|---|---|
| class | string | '' |
| Salida | Tipo |
|---|---|
| closeChange | void |
VoltToastDescription — volt-toast-description
| Entrada | Tipo | Por defecto |
|---|---|---|
| class | string | '' |
VoltToastTitle — volt-toast-title
| Entrada | Tipo | Por defecto |
|---|---|---|
| class | string | '' |
VoltToast — volt-toast
| Entrada | Tipo | Por defecto |
|---|---|---|
| variant | ToastVariants['variant'] | 'default' |
| class | string | '' |
Variantes CVA
| Propiedad | Opciones | Por defecto |
|---|---|---|
| variant | default | success | error | warning | info | default |
Código del componente
Instalar por CLI:
npx @voltui/cli add toastTypeScript
Cargando el editor…
Copia este código en tu proyecto. El componente usa ng-primitives/toast.