OrbitBreadcrumbs

Separadores chevron-right entre ítems — el último ítem es la ubicación actual: color.primary.500 (el lima está reservado explícitamente para “acción primaria, selección, foco, breadcrumb actual” en la paleta de Orbit), en negrita, no clickeable. El resto de los ítems son text.secondary, hover text.primary, clickeables.

Uso

ProyectosDragBuilderDashboardScreen.kt

Web

<orbit-breadcrumbs>
  <orbit-crumb value="projects">Proyectos</orbit-crumb>
  <orbit-crumb value="dragbuilder">DragBuilder</orbit-crumb>
  <orbit-crumb value="dashboard">DashboardScreen.kt</orbit-crumb>
</orbit-breadcrumbs>

Compose Multiplatform

OrbitBreadcrumbs(
    items = listOf("projects", "dragbuilder", "dashboard"),
    onItemClick = { /* navegar */ },
    itemLabel = { mapOf("projects" to "Proyectos", "dragbuilder" to "DragBuilder", "dashboard" to "DashboardScreen.kt").getValue(it) },
)

Props

Prop	Tipo	Default	Descripción
items (Kotlin) / hijos <orbit-crumb> (web)	List<T>	—	Ítems del breadcrumb — el último es el actual.
onItemClick / evento orbit-item-click	(T) => void	—	Se dispara al clickear un ítem que no es el actual.
itemLabel (Kotlin)	(T) => string	toString()	Cómo renderizar cada ítem.