Utilidades

Button

Un componente de botón versátil con múltiples estilos, variantes y estados.

Tests

100%

Uso

El componente SButton es un botón versátil que soporta múltiples variantes visuales, tamaños, iconos y estados.

Usa la prop variant para cambiar el estilo visual del botón.

Usa la prop size para cambiar el tamaño del botón.

Usa la prop rounded para controlar el borde redondeado.

Prop	Tipo	Default	Descripción
`variant`	`'primary' \| 'secondary' \| 'danger' \| 'outline' \| 'link'`	`'primary'`	Define la variante visual del botón
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Define el tamaño del botón
`disabled`	`boolean`	`false`	Deshabilita el botón
`loading`	`boolean`	`false`	Muestra estado de carga
`leftIcon`	`FunctionalComponent`	-	Icono a la izquierda del texto
`rightIcon`	`FunctionalComponent`	-	Icono a la derecha del texto
`rounded`	`'none' \| 'left' \| 'right' \| 'both' \| 'full'`	`'both'`	Borde redondeado
`type`	`'button' \| 'submit'`	`'button'`	Tipo HTML del botón
`as`	`string \| Component`	`'button'`	Elemento a renderizar

Nombre	Descripción
`default`	Contenido del botón

Stacked List

Label

Un componente de etiqueta de formulario con características de accesibilidad.