Button

El componente Button se utiliza para desencadenar acciones.

Nota: El componente Button admite todos los atributos estándar del botón HTML, como onClick, type, disabled, etc.

Playground

Props

Prop	Tipo	Default	Descripción
`active`	`boolean`	`false`	Aplica el estado activo.
`color`	`ButtonColor`	-	Establece el color del botón.
`dark`	`boolean`	`false`	Aplica la variante de color oscuro.
`disabled`	`boolean`	`false`	Desactiva el botón.
`focused`	`boolean`	`false`	Aplica el estado enfocado.
`fullwidth`	`boolean`	`false`	Hace que el botón ocupe todo el ancho.
`hovered`	`boolean`	`false`	Aplica el estado de hovered.
`icon`	`IconName`	-	Agrega un icono al botón.
`inverted`	`boolean`	`false`	Invierte el color del botón.
`light`	`boolean`	`false`	Aplica la variante de color claro.
`loading`	`boolean`	`false`	Muestra un indicador de carga.
`outlined`	`boolean`	`false`	Aplica el estilo outlined.
`responsive`	`boolean`	`false`	Hace que el botón sea responsive.
`rounded`	`boolean`	`false`	Aplica esquinas redondeadas.
`selected`	`boolean`	`false`	Aplica el estado seleccionado.
`size`	`ThemeSize`	-	Establece el tamaño del botón.
`static`	`boolean`	`false`	Hace que el botón sea no interactivo.

El componente Buttons es un contenedor para los componentes Button, permitiendo agrupar y alinear.

Props

Prop	Tipo	Default	Descripción
`addons`	`boolean`	`false`	Une los botones entre sí.
`align`	`'centered' \| 'right'`	-	Alinea los botones dentro del contenedor.