Checkbox

Stable

Binary selection input with brutal styling and smooth animations.

Import

import { Checkbox } from '@brutal-ui/react';

Basic Usage

Accept terms and conditions

Subscribe to newsletter

const [checked, setChecked] = useState(false);

<Checkbox
  checked={checked}
  onChange={(e) => setChecked(e.target.checked)}
  label='Accept terms and conditions'
/>

Without Label

<Checkbox checked={true} onChange={() => {}} />

Disabled State

Disabled unchecked

Disabled checked

Props

Prop	Type	Default	Description
checked	boolean	false	Controlled checked state
onChange	function	-	Change event handler
label	string	-	Label text
disabled	boolean	false	Disable checkbox