OrbitRadio

Anillo + punto interno, ambos en color.primary.500 al seleccionar — misma regla de lima cruda que OrbitCheckbox. OrbitRadioGroup es el caso común: orquesta la selección entre un set de opciones. En web, el agrupamiento real lo hace el atributo nativo name en los <input type="radio"> internos — <orbit-radio-group> solo da spacing consistente y propaga name a sus hijos.

Uso

Web

<orbit-radio-group name="platform">
  <orbit-radio value="android" label="Android"></orbit-radio>
  <orbit-radio value="ios" label="iOS" checked></orbit-radio>
  <orbit-radio value="desktop" label="Desktop"></orbit-radio>
</orbit-radio-group>

Compose Multiplatform

var platform by remember { mutableStateOf("ios") }
OrbitRadioGroup(
    options = listOf("android", "ios", "desktop"),
    selected = platform,
    onSelectedChange = { platform = it },
    optionLabel = { it.replaceFirstChar(Char::uppercase) },
)

Estados

Web

<orbit-radio label="Enabled"></orbit-radio>
<orbit-radio label="Selected" checked></orbit-radio>
<orbit-radio label="Disabled" disabled></orbit-radio>
<orbit-radio label="Disabled selected" checked disabled></orbit-radio>

Compose Multiplatform

OrbitRadio(selected = false, onClick = {}, label = "Enabled")
OrbitRadio(selected = true, onClick = {}, label = "Selected")
OrbitRadio(selected = false, onClick = {}, label = "Disabled", enabled = false)
OrbitRadio(selected = true, onClick = {}, label = "Disabled selected", enabled = false)

Props

OrbitRadio

Prop	Tipo	Default	Descripción
selected / attr checked	boolean	—	Estado actual.
onClick / evento change	() => void	—	Se dispara al seleccionar.
label	string?	null	Texto junto al radio.
enabled / attr disabled	boolean	true	Habilita/deshabilita.

OrbitRadioGroup (Kotlin) / orbit-radio-group (web)

Prop	Tipo	Default	Descripción
options (Kotlin) / hijos <orbit-radio> (web)	List<T>	—	Opciones del grupo.
selected	T?	—	Valor seleccionado.
onSelectedChange / evento orbit-change	(T) => void	—	Se dispara al cambiar la selección.
optionLabel (Kotlin)	(T) => string	toString()	Cómo renderizar cada opción.
enabled (Kotlin) / attr disabled (web)	boolean	true	Deshabilita todo el grupo.