OrbitListItem

Fila de propósito general — slots de contenido leading/trailing (un OrbitAvatar, un OrbitIcon, un OrbitBadge, texto plano…) en vez de props rígidas solo-ícono, la misma forma basada en slots que usa material3.ListItem, restyleada con los tokens propios de Orbit en vez de los de Material. selected usa surface.background-secondary — la misma superficie de selección que usa OrbitNavItem; el hover (solo cuando es clickeable) pasa a surface.raised, un paso más claro que el transparente.

Uso

Web

<orbit-list-item title="Esteban Sánchez" subtitle="esteban@dragbuilder.io" clickable>
  <orbit-avatar slot="leading" initials="ES"></orbit-avatar>
</orbit-list-item>

Compose Multiplatform

OrbitListItem(
    title = "Esteban Sánchez",
    subtitle = "esteban@dragbuilder.io",
    leading = { OrbitAvatar(initials = "ES") },
    onClick = { /* ... */ },
)

Seleccionado

Web

<orbit-list-item title="Pantallas" selected></orbit-list-item>

Compose Multiplatform

OrbitListItem(title = "Pantallas", selected = true, onClick = { /* ... */ })

Props

Prop	Tipo	Default	Descripción
title	string	—	Texto principal.
subtitle	string?	null	Texto secundario.
leading (Kotlin) / slot leading (web)	composable / slot	null	Contenido antes del texto.
trailing (Kotlin) / slot trailing (web)	composable / slot	null	Contenido después del texto.
selected	boolean	false	Estado de selección.
onClick (Kotlin) / attr clickable + evento click (web)	(() -> Unit)?	null	Si está presente, la fila es clickeable con hover.