MD3 React

Radio button

Single-select groups with the state layer and motion MD3 expects.
import { Radio, RadioGroup } from "@brijbyte/md3-react/radio";
@import "@brijbyte/md3-react/radio.css";

States

Reach for radio, not Switch, whenever a person can pick exactly one option from a visible set — the group enforces that automatically, so there's no state to sync by hand. RadioGroup wraps Base UI's Radio Group, giving you roving-tabindex keyboard navigation and the correct aria-checked wiring out of the box.

group
disabled

With labels

Get a clickable label and correct screen reader association without extra wiring: wrap Radio and its label text in a native <label> element, the same pattern you already use for <input type="radio">.