Button
Muestra un botón o un componente con aspecto de botón.
Uso
Referencia de la API
VoltButton — volt-button
| Entrada | Tipo | Por defecto |
|---|---|---|
| variant | ButtonVariants['variant'] | 'solid' |
| size | ButtonVariants['size'] | 'md' |
| type | 'button' | 'submit' | 'reset' | 'button' |
| disabled | boolean | false |
| class | string | '' |
| customClass | string | '' |
| aria-label | string | null | undefined | undefined |
| aria-labelledby | string | null | undefined | undefined |
| aria-describedby | string | null | undefined | undefined |
| aria-expanded | string | null | null |
| aria-pressed | string | null | null |
| aria-controls | string | null | undefined | undefined |
| aria-haspopup | string | null | null |
VoltNativeButton — button[voltButton], a[voltButton]
| Entrada | Tipo | Por defecto |
|---|---|---|
| variant | ButtonVariants['variant'] | 'solid' |
| size | ButtonVariants['size'] | 'md' |
| disabled | boolean | false |
| class | string | '' |
Variantes CVA
| Propiedad | Opciones | Por defecto |
|---|---|---|
| variant | solid | destructive | outline | ghost | link | solid |
| size | sm | md | lg | icon | md |
Código del componente
Instalar por CLI:
npx @voltui/cli add buttonTypeScript
Cargando el editor…
Copia este código en tu proyecto. El componente usa ng-primitives and class-variance-authority.