Radio

Botón de opción suelto; normalmente lo usarás dentro de RadioGroup.

Cuándo usarlo

Props. name, value, checked, onChange, label, hint, size.

Por dentro. Es un <input type="radio"> nativo: las flechas pasan entre los radios con el mismo name.

Ejemplos

SeleccionadoSin seleccionar

Props

Prop	Tipo	Por defecto	Descripción
`label`	`ReactNode`	—	Etiqueta junto al botón.
`hint`	`ReactNode`	—	Texto de apoyo bajo la etiqueta.
`size`	`"sm" · "md"`	`sm`	Círculo de 16px (`sm`) o 20px (`md`).

Código

import { Radio } from "@jotis-me/react";

export default function Page() {
	return (
		<>
			<Radio name="plan" value="mensual" label="Mensual" defaultChecked />
			<Radio name="plan" value="anual" label="Anual" />
		</>
	);
}

---
import { Radio } from "@jotis-me/react";
---

<Radio name="plan" value="mensual" label="Mensual" defaultChecked />
<Radio name="plan" value="anual" label="Anual" />

Sin directiva funciona como campo nativo dentro de un <form>. Si necesitas onChange, ponlo en una isla .tsx con client:load.