Skip to content

Checkbox

Basic Usage

import { Checkbox } from "@ronin-nexus/atomic";
 
<Checkbox />;
 
<Checkbox checked />;
 
<FlexRow as="label">
  <Checkbox />
  <span>Check me senpai</span>
</FlexRow>;

Checkbox Props

Follow the radix component's props Checkbox

Checkbox with Label

<FlexRow as="label" className="gap-1">
  <Checkbox />
  <span>click me senpai</span>
</FlexRow>