Radio

El componente Radio permite a los usuarios seleccionar una única opción dentro de un grupo.

import { Radio } from "essential-materials";

Uso basico del radio.

Opción 1

Radio desabilitado.

Opción 1

Tres estados que se pueden añadir a radio.

Marcado

Desabilitado

Requerido*

Se puede colocar en tres tamaños: "small", "medium", "large".

Pequeño

Mediano

Grande

Propiedad	Tipo	Descripción	Valores posibles	Default
`name`	`string`	Nombre del grupo de opciones	Cualquier string válido	`undefined`
`label`	`string`	Texto que describe la opción	Cualquier string válido	`""`
`size`	`string`	Tamaño del radio	`"small"`, `"medium"`, `"large"`	`"medium"`
`checked`	`boolean`	Indica si el radio está seleccionado	`true`, `false`	`false`
`disabled`	`boolean`	Si el radio debe mostrarse deshabilitado	`true`, `false`	`false`
`required`	`boolean`	Si la selección es obligatoria	`true`, `false`	`false`
`className`	`string`	Clases CSS personalizadas	`""` o cualquier clase CSS válida	`""`
`onChange`	`function`	Función que se ejecuta al cambiar el valor	`(value: boolean) => void`	`undefined`