Buttons

Botones con un efecto repplie.

Button Variants

Buttons Sizes

Button asChild

Utiliza la propiedad asChild para delegar el renderizado al componente hijo. Ideal para integrar con Link de Next.js manteniendo el efecto ripple y los estilos.

Ir al Inicio

Component API

Button

Prop	Type	Default	Description
`children`	`React.ReactNode`	`undefined`	Contenido del botón.
`variant`	`primary \| secondary \| ghost \| destructive \| icon`	`primary`	Variante del botón.
`className`	`string`	`undefined`	Clases CSS adicionales para el contenedor.
`size`	`sm \| md \| lg \| icon`	`sm`	Tamaño del botón.
`asChild`	`boolean`	`false`	Si es true, el botón se comportará como su hijo.
`ripple`	`boolean`	`true`	Activa o desactiva el efecto de onda (ripple).
`disabled`	`boolean`	`false`	Deshabilitar el botón.
`duration`	`string`	`600ms`	Duración de la animación ripple.