Skip to main content

Checkbox

Checkboxes allow users to select multiple items from a predefined set. This component conforms to Android design standards but is fully supported on all platforms

Vector icon

Usage

import React, { useState } from "react";
import { Checkbox, CheckboxStatus } from "./components";

const Example = () => {
const [checked, setChecked] = useState(false);
return (
<Checkbox
status={checked ? CheckboxStatus.Checked : CheckboxStatus.Unchecked}
onPress={() => {
setChecked(!checked);
}}
/>
);
};

export default Example;

Props

status

Type : 'checked' | 'unchecked' | 'indeterminate'

disabled

Type : boolean

onPress

Type: (e: GestureResponderEvent) => void

Function to execute on press.

uncheckedColor

Type : string

color

Type : string