# Radio Permite elegir una sola opción de un grupo corto y conocido. Si el grupo supera cinco opciones o el espacio es limitado, prefiere un dropdown. ```tsx import { Radio, RadioGroup, Label } from "@fluentui/react-components"; Frecuencia setValue(data.value)}> ``` ## Default ### Cuándo usar - Dos a cinco opciones mutuamente excluyentes. - El usuario necesita comparar las opciones de un vistazo. - Existe una opción por defecto razonable; márcala como seleccionada al iniciar. ## Orientación ### Vertical u horizontal Por defecto el grupo se apila en vertical. Usa `layout="horizontal"` cuando hay pocas opciones cortas y el ancho lo permite. ```tsx setValue(data.value)}> ``` ## Estados ### Deshabilitado Deshabilita un grupo entero cuando ninguna opción aplica al contexto actual; deshabilita una opción individual cuando solo esa no aplica. Acompaña con un texto que explique por qué. ```tsx ``` ## Accesibilidad ### Teclado y roles - El grupo se renderiza con role="radiogroup" y cada opción con role="radio". - Tab entra al grupo; las flechas mueven la selección entre opciones. - Cada grupo necesita una etiqueta visible o aria-labelledby. - Una opción siempre está marcada para que el lector de pantalla anuncie un estado válido. ## Contenido ### Etiquetas - Una a cuatro palabras por opción, en sentence case. - Paraleliza la redacción: todas verbos, o todas sustantivos. - Si necesitas explicar una opción, añade una línea de ayuda debajo, no dentro del label.