Ariakit
/

Radio

Choose one option from a list of choices presented as radio buttons. This component is based on the WAI-ARIA Radio Group Pattern.

Open preview in a new tab
Edit withViteNext.js
import "./style.css";
import * as Ariakit from "@ariakit/react";
export default function Example() {
return (
<label className="label">
<Ariakit.Radio className="radio" value="apple" />
apple
</label>
<label className="label">
<Ariakit.Radio className="radio" value="orange" />
orange
</label>
<label className="label">
<Ariakit.Radio className="radio" value="watermelon" />
watermelon
</label>
);
}

API

Follow updates

Join 1,000+ subscribers and receive monthly updates with the latest improvements on Components.

Read latest issue

No Spam. Unsubscribe at any time.