componente · @solu30/ui-kit/input
RadioGroupItem
Una opción del grupo. Su value es obligatorio: es lo que llega a onValueChange y lo que Radix compara para saber cuál está elegida.
17 sitios de import en 5 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.
- TheCharterPanel
- cmp-packages
- easycharter
- gestorsalon
- luigi
La parte, adentro de su padre
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.
RadioGroupItem es una parte de RadioGroupRoot: sola no significa nada. Así que el escenario monta el padre completo, y lo que se ve incluye más piezas que la de esta ficha.
Cómo se usa
import { RadioGroupItem } from '@solu30/ui-kit/input'Props
| Prop | Requerida | Tipo | Qué hace |
|---|---|---|---|
| value | sí | string | The value this item represents. Required. |
Ejemplo del paquete
// Sólo tiene sentido adentro de un RadioGroupRoot: de ahí saca el estado y el nombre del grupo.
<RadioGroupItem id="t1" value="mediodia" />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.