Button

El botón primario usa fondo sólido Lexy Indigo y, al hacer hover, se convierte en su versión ghost (transparente con borde y texto Indigo). El botón secundario es exactamente lo inverso: nace ghost y al hacer hover se rellena con el indigo. Este patrón crea un diálogo visual claro entre la acción primaria y la secundaria.

• Cada botón debe representar una sola acción o evento.
• Usa primario (sólido) para la acción principal de un flujo. Sólo uno por superficie.
• Usa secundario (ghost) para acciones complementarias junto al primario; pueden coexistir varios.
• No uses Button para navegación; usa Link si el resultado principal es cambiar de ubicación.
• Las acciones destructivas usan variant="error" y un label claro como Eliminar o Archivar.

Los botones ghost mantienen el color de marca pero quitan el relleno. Útiles para acciones secundarias junto a una acción primaria sólida.

• Por defecto el botón ajusta su ancho al contenido (auto).
• Usa fullWidth para que ocupe todo el contenedor — útil en formularios estrechos o CTA en mobile.
• No combines variantes semánticas (success, warning, error) con ghost cuando el contraste deje de comunicar prioridad.

El componente expone cuatro tamaños vía la prop size: mini, sm, default y lg. Mantén un único tamaño dentro de un mismo grupo de acciones.

Usa loading mientras se procesa la acción para evitar dobles envíos. Usa disabled cuando la acción no es ejecutable ahora.

• El botón debe ser alcanzable por Tab y activable con Enter o Espacio.
• Mantén un anillo de foco visible: el componente lo provee por defecto al recibir foco por teclado.
• Si el botón solo lleva icono, agrega aria-label con el nombre de la acción.
• No uses color como única señal: combina con texto, icono o cambio visible.

• Usa lenguaje activo y breve: normalmente un verbo; suma sustantivo solo si aumenta claridad.
• Escribe en sentence case y sin punto final.
• Para crear algo, usa Nuevo + nombre del objeto: Nuevo documento, Nueva causa.
• En flujos de pasos, usa Siguiente y Anterior, no Continuar ni Volver.
• Usa Cancelar para abandonar una tarea sin guardar; Cerrar para descartar una superficie sin afectar el estado.