Button

Botón de la tienda: una jerarquía (primario, secundario, contorno, suave, blanco, peligro o enlace) y cuatro tamaños.

Anatomía

Cada número es una parte del componente real: hacé clic para ver sus propiedades y tokens.

Hacé clic en un número para ver las propiedades y los tokens de esa parte.

El componente real, en vivo. Con «Inspeccionar» ves las propiedades y los tokens de cada parte.

Componente real de la tienda, publicado en Storybook.

Prop	Tipo	Descripción
btnrequerida	clase	Base de todo botón.
btn-primary	clase	Acción principal de la pantalla: «Agregar al carrito», «Guardar cambios».
btn-secondary / btn-soft-secondary	clase	Acción de apoyo junto a una primaria.
btn-outline-primary	clase	Acción principal con menos peso visual.
btn-white	clase	Acciones menores sobre fondos claros, como «Editar dirección».
btn-danger	clase	Acción destructiva.
btn-link	clase	Acción con aspecto de enlace.
btn-lg / btn-sm / btn-xs	clase	Tamaño. Sin clase es el tamaño base.
btn-icon	clase	Botón solo con ícono; con `rounded-circle` queda redondo.