Breadcrumbs

Separadores chevron-right entre ítems — todos, incluido el último (la ubicación actual, no clickeable), comparten el mismo color text.secondary y peso. Ningún color de acento marca el “actual”; el único estado visual es el subrayado en hover de los ítems 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.