Files
fn_registry/frontend/functions/ui/radio_group.md
T
egutierrez 35bcb63300 feat: nuevos componentes UI — accordion, avatar, breadcrumb, checkbox, command, dropdown, pagination, popover, radio, sheet, select, switch, textarea, toast
Componentes React accesibles basados en Radix UI con soporte de temas via CSS variables. Incluye barrel export en index.ts.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-03 03:23:32 +02:00

1.6 KiB

name, kind, lang, domain, version, purity, signature, description, tags, uses_functions, uses_types, returns, returns_optional, error_type, imports, tested, tests, test_file_path, file_path, props, emits, has_state, framework, variant
name kind lang domain version purity signature description tags uses_functions uses_types returns returns_optional error_type imports tested tests test_file_path file_path props emits has_state framework variant
radio_group component ts ui 1.0.0 impure RadioGroup(props: RadioGroupProps): JSX.Element Grupo de opciones exclusivas accesible. Base-UI RadioGroup + Radio primitives.
radio
radio-group
component
ui
interactive
form
base-ui
cn_ts_core
false
@base-ui/react/radio-group
@base-ui/react/radio
false
frontend/functions/ui/radio_group.tsx
name type required description
value string false Valor seleccionado (controlado)
name type required description
defaultValue string false Valor inicial (no controlado)
name type required description
onValueChange (value: string) => void false Callback al cambiar seleccion
name type required description
disabled boolean false Deshabilita todo el grupo
name type required description
orientation 'horizontal' | 'vertical' false Orientacion del grupo
onValueChange
false react

Ejemplo

<RadioGroup defaultValue="option-a">
  <RadioGroupItem value="option-a" label="Opcion A" />
  <RadioGroupItem value="option-b" label="Opcion B" />
  <RadioGroupItem value="option-c" label="Opcion C" disabled />
</RadioGroup>

Notas

RadioGroup es el contenedor (Base-UI RadioGroup). RadioGroupItem es cada opcion individual (Base-UI Radio). El id de cada item se genera con useId si no se provee.