Radio
Grupo de opciones mutuamente excluyentes con accesibilidad completa.
pnpm dlx nuvo-ui add radioBásico — vertical
Plan
Hasta 3 proyectos, sin soporte.
Proyectos ilimitados, soporte prioritario.
Todo Pro + seats de equipo y SSO.
Contacta con ventas.
Seleccionado: pro
Horizontal
Frecuencia de pago
Uso
import { RadioGroup, Radio } from "@nuvo-ui/ui"
<RadioGroup value={plan} onValueChange={setPlan} label="Plan">
<Radio value="free" label="Free" description="Hasta 3 proyectos." />
<Radio value="pro" label="Pro" description="Proyectos ilimitados." />
<Radio value="team" label="Enterprise" disabled />
</RadioGroup>Props — RadioGroup
| Prop | Tipo | Default | Descripción |
|---|---|---|---|
| value | string | — | Valor seleccionado (controlado) |
| defaultValue | string | — | Valor inicial (no controlado) |
| onValueChange | (v: string) => void | — | Callback al cambiar |
| label | string | — | Etiqueta del grupo |
| orientation | "vertical" | "horizontal" | "vertical" | Disposición de los radios |
| disabled | boolean | false | Deshabilita todo el grupo |