Orali

Buscar

Buscá páginas y tokens del sistema de diseño.

Breadcrumb

Ubica al usuario en la jerarquía del sitio.

Propósito

Ubicar

Muestra dónde está el usuario dentro de la jerarquía del sitio.

Volver rápido

Cada nivel anterior es un link.

Página actual

El último ítem no es un link y se marca con aria-current.

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.

Niveles

Se arma con un arreglo de items: los que tienen href son links.

Inicio › Productos.

Tokens

Los tokens globales que usa el CSS real del componente.
TokenValor
6px
14px
20px
#6b6b6b
#1a1a1a