Checkbox

Checkbox Primitive

Demo

A box that is a checked (ticked) indicator when activated.

Installation

CLI

npx @react-native-reusables/cli@latest add checkbox

Manual

Dependency

Before copy/pasting, add the checkbox primitive to your project.

Copy/paste the following code to ~/components/ui/checkbox.tsx:

Usage

import { Checkbox } from '~/components/ui/checkbox';

function Example() {
  const [checked, setChecked] = React.useState(false);
  return (
     <Checkbox checked={checked} onCheckedChange={setChecked} />
  );
}

Props

Checkbox

Extends Pressable props

Prop	Type	Note
checked*	boolean
onCheckedChange*	(checked: boolean) => void
disabled	boolean	(optional)