OrbitNavItem

Fila de sidebar/nav-rail — radius.full, el radio pill que Orbit reserva para cápsulas (botón, badge, switch, avatar, nav row). Seleccionado usa color.primary.500 en ícono/texto (lima = selección, la misma regla que sigue el ítem actual de OrbitBreadcrumbs y el tab activo de OrbitTabs), sobre una píldora surface.background-secondary. El hover sin seleccionar pasa a surface.raised, un paso más claro que el transparente por defecto — la regla de “un paso más claro” que sigue el resto de Orbit.

Uso

Web

<orbit-nav-item label="Pantallas" icon="sparkles" selected></orbit-nav-item>
<orbit-nav-item label="Componentes" icon="plus"></orbit-nav-item>
<orbit-nav-item label="Exportar" icon="download"></orbit-nav-item>

Compose Multiplatform

var selected by remember { mutableStateOf("screens") }
OrbitNavItem(label = "Pantallas", icon = OrbitIcon.Sparkles, selected = selected == "screens", onClick = { selected = "screens" })
OrbitNavItem(label = "Componentes", icon = OrbitIcon.Plus, selected = selected == "components", onClick = { selected = "components" })
OrbitNavItem(label = "Exportar", icon = OrbitIcon.Download, selected = selected == "export", onClick = { selected = "export" })

Props

Prop	Tipo	Default	Descripción
label	string	—	Texto de la fila.
selected	boolean	—	Estado de selección.
onClick / evento click	() => void	—	Se dispara al hacer click/Enter/Espacio.
icon	OrbitIcon? / catálogo cerrado	null	Ícono antes del texto.
enabled / attr disabled	boolean	true	Habilita/deshabilita.