Design System
GitHub
FigmaPropósito
Navegar
Lleva a otra página o sección dentro de un texto o una lista.
Peso de texto
Se lee como texto, no como botón: ideal para acciones secundarias.
Heredar contexto
El tamaño de letra se hereda; el color se adapta al lugar donde se usa.
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.
Configuración
El componente real, en vivo.
Variante
La función linkClasses() arma las clases. Sirve para <a> y <Link>.
Acción en color de link. Se subraya en hover.
Subrayado
Por defecto se subraya solo en hover.
Comportamiento por defecto.
Tamaño
Sin tamaño, hereda la letra del contexto.
Igual que el texto que lo rodea.
Tokens
Los tokens globales que usa el CSS real del componente.
| Token | Valor |
|---|---|
| 500 | |
| #e30613 | |
| 2px | |
| 150ms | |
| cubic-bezier(0.4, 0, 0.2, 1) | |
| #c20510 | |
| 2px | |
| #e30613 | |
| 2px | |
| 4px | |
| #6b6b6b | |
| #1a1a1a | |
| 600 | |
| 12px | |
| 16px | |
| 14px | |
| 20px | |
| 6px |