componente · @solu30/ui-kit/input

RadioGroupRoot

La raíz del grupo de opciones excluyentes, sobre Radix: una grilla con gap-2. Controlado con value + onValueChange, o no controlado con defaultValue. disabled acá deshabilita el grupo entero.

16 sitios de import en 4 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.

TheCharterPanel
easycharter
gestorsalon
luigi

El componente, montado

Cargando el espécimen…

export function CheckboxRadioMatrix() {
  return (
    <Stage label="Checkbox y RadioGroup · estados, y el error que RadioGroup no tiene" tall wide>
      <div className="flex w-full flex-col gap-4">
        <CheckboxEstados />
        <CheckboxGrupo />
        <RadioGroupPuntoEmbarque />
      </div>
    </Stage>
  )
}

De specimens/input.tsx · CheckboxRadioMatrix: el espécimen del Muestrario, no un ejemplo oficial del paquete. Muestra cómo se usa la pieza de verdad, montada contra los tipos instalados —eso es lo que vale— pero no es documentación del kit.

Cómo se usa

import { RadioGroupItem, RadioGroupRoot } from '@solu30/ui-kit/input'

Anatomía

Las partes que componen RadioGroupRoot se importan del mismo subpath. Sueltas no significan nada: se montan siempre dentro de su padre.

RadioGroupRoot
└── RadioGroupItem

Props

4 props declaradas en los tipos de la versión instalada.
Prop	Requerida	Tipo	Qué hace
value	opcional	`string`	Controlled selected value.
defaultValue	opcional	`string`	Initial value for uncontrolled mode.
onValueChange	opcional	`(value: string) => void`	Called when the selected value changes.
disabled	opcional	`boolean`	Disables all items in the group.

Ejemplo del paquete

<RadioGroupRoot value={turno} onValueChange={setTurno}>
  <Field label="Mediodía" htmlFor="t1"><RadioGroupItem id="t1" value="mediodia" /></Field>
  <Field label="Noche" htmlFor="t2"><RadioGroupItem id="t2" value="noche" /></Field>
</RadioGroupRoot>

Del @example del JSDoc de @solu30/ui-kit, sin editar: son 65 de los 541 símbolos. La sangría y los renglones en blanco son los del paquete.