wiki-Radio

Ver en Git

---

Radio

El componente Radio representa un botón de radio personalizable, diseñado para su uso en formularios y componentes interactivos. Incluye opciones para estilos, etiquetas y manejo de eventos.

Referencia de la API

Propiedad	Tipo	Descripción
checked	boolean	Indica si el botón de radio está seleccionado (true) o no (false).
label	string (opcional)	Etiqueta que se mostrará junto al botón de radio.
className	string (opcional)	Clase CSS adicional para personalizar los estilos del contenedor principal.
name	string (opcional)	Nombre del botón de radio, utilizado en el evento onClick.
style	CSSProperties	Estilos en línea para el contenedor principal.
aura-test	string (opcional)	Atributo utilizado para pruebas, asigna un valor único para facilitar la identificación del elemento.
onClick	(name: string) => void (opcional)	Función que se ejecuta al hacer clic en el botón de radio. Recibe como argumento el nombre del botón (name).

Ejemplo de uso

import { Radio } from '@auravant/ui-kit';

const handleClick = (name: string) => {
 console.log(`Radio button clicked: ${name}`);
};

<>
 <Radio
 checked={true}
 label="Opción 1"
 name="radio1"
 onClick={handleClick}
 style={{ marginBottom: '10px' }}
 />
 <Radio
 checked={false}
 label="Opción 2"
 name="radio2"
 onClick={handleClick}
 />
</>;