Ariakit
/

Custom Checkbox

Rendering a visually hidden Checkbox using the VisuallyHidden component to show a custom checkbox presentation in React.

Open preview in a new tab
Edit withViteNext.js
import { Checkbox } from "./checkbox.jsx";
import "./style.css";
export default function Example() {
return <Checkbox defaultChecked>Ariakit</Checkbox>;
}

Components

Follow updates

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

Read latest issue

No Spam. Unsubscribe at any time.