Files
fn-design-system/components/radio_group.md
T
Egutierrez 5a824c2eee initial: mirror of @fn_library from fn_registry
75 components + DESIGN_SYSTEM.md + sync script.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-21 19:06:49 +02:00

1.6 KiB

name, kind, lang, domain, version, purity, signature, description, tags, uses_functions, uses_types, returns, returns_optional, error_type, imports, output, 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 output 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. Mantine Radio.Group + Radio.
radio
radio-group
component
ui
interactive
form
mantine
false
@mantine/core
Componente RadioGroup que renderiza grupo de opciones exclusivas accesible 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 (Mantine Radio.Group). RadioGroupItem es cada opcion individual (Mantine Radio). Soporta orientacion horizontal y vertical.