OrbitCheckbox

Caja de 18px, tamaño fijo — a diferencia de botón/campo, los checkboxes no escalan con OrbitFieldSize. El relleno al marcar es el lima crudo de marca (color.primary.500), no un set de tokens por variante — solo hay un estado “on” que colorear, no variantes.

Uso

Web

<orbit-checkbox label="Generar tests" checked></orbit-checkbox>
<orbit-checkbox label="Publicar en ambas plataformas"></orbit-checkbox>

Compose Multiplatform

var checked by remember { mutableStateOf(true) }
OrbitCheckbox(checked = checked, onCheckedChange = { checked = it }, label = "Generar tests")

Estados

Web

<orbit-checkbox label="Enabled"></orbit-checkbox>
<orbit-checkbox label="Checked" checked></orbit-checkbox>
<orbit-checkbox label="Disabled" disabled></orbit-checkbox>
<orbit-checkbox label="Disabled checked" checked disabled></orbit-checkbox>
<orbit-checkbox label="Error" error></orbit-checkbox>

Compose Multiplatform

OrbitCheckbox(checked = false, onCheckedChange = {}, label = "Enabled")
OrbitCheckbox(checked = true, onCheckedChange = {}, label = "Checked")
OrbitCheckbox(checked = false, onCheckedChange = {}, label = "Disabled", enabled = false)
OrbitCheckbox(checked = true, onCheckedChange = {}, label = "Disabled checked", enabled = false)
OrbitCheckbox(checked = false, onCheckedChange = {}, label = "Error", error = true)

Disabled usa el mismo par sólido mudo que el resto de Orbit (primary.950 relleno / text.disabled texto) — nunca opacity.

Props

Prop	Tipo	Default	Descripción
checked	boolean	—	Estado actual.
onCheckedChange / evento change	(boolean) => void	—	Se dispara al hacer click/Enter/Espacio.
label	string?	null	Texto junto a la caja.
enabled / attr disabled	boolean	true	Habilita/deshabilita.
error	boolean	false	Pinta el borde con field.border-error cuando no está marcado.