Bordes y outline.
Las líneas explican estructura y la geometría permanece recta.
Referencia
Tailwind genera estas utilidades durante el build. Style fija los tokens aceptados, los defaults y las restricciones del grupo.
| Propiedad o familia | Uso en v10 | Criterio |
|---|---|---|
| border-radius | Geometría publicada | Superficies y controles rectos; objetos circulares y píldora exclusiva de Ingresar según H28 |
| border-width / color / style | Límites y divisiones | Una línea uniforme; sin franja lateral de marca |
| outline-width / color / style | Foco y alto contraste | No remover sin reemplazo equivalente |
| outline-offset | Separar foco del control | Debe seguir visible en overflow |
Reglas de Style
- No usar borde como sustituto de espaciado.
- Los estados incluyen texto o icono, no sólo color de borde.
- El foco es más prominente que el hover.
- Forced colors conserva un límite reconocible.
Contrato de uso
- Usar utilidades para ajustes locales y prototipos acotados.
- Usar una clase semántica de Kit cuando el patrón se repite o tiene comportamiento.
- No construir clases dinámicamente; cada nombre debe aparecer completo en el código fuente.
- No usar valores arbitrarios para reemplazar un token que falta. Proponer primero el token.
- Verificar 320 px, 200% de zoom, tema oscuro y reducción de movimiento cuando aplique.