Button

El componente Button es un botón personalizable con múltiples variantes, colores y tamaños.

Uso

import { Button } from "essential-materials";

Ejemplos

Basico

Uso basico del Button.

Desabilitado

Boton desabilitado.

Variantes

Todas las variantes que se pueden colocar.

Tamaños

Se puede colocar en tres tamaños: "small", "medium", "large".

Colores

Se puede elegir entre tres colores "Default", "Primary", "Secondary".

API

Propiedad	Tipo	Descripción	Valores posibles	Default
variant	"filled" | "outlined" | "dashed" | "text"	Define el estilo del botón	"filled", "outlined", "dashed", "text"	"filled"
size	"small" | "medium" | "large"	Tamaño del botón	"small", "medium", "large"	"medium"
color	"default" | "primary" | "secondary"	Color del botón	"default", "primary", "secondary"	"default"
font	"openSans" | "roboto" | "poppins"	Tipo de fuente del botón	"openSans", "roboto", "poppins"	"roboto"
disabled	boolean	Deshabilita el botón	true, false	false
loading	boolean	Muestra un estado de carga	true, false	false
fullWidth	boolean	Hace que el botón ocupe todo el ancho disponible	true, false	false
className	string	Clases CSS adicionales	Clases personalizadas	""
onClick	() => void	Función ejecutada al hacer clic	Función de JavaScript	undefined
children	ReactNode	Contenido dentro del botón	Texto o íconos	undefined