React-native Checkbox

Our React-native checkbox component is used for multiple selection, meaning multiple items can be selected at once.


Checkboxes are usually styled as square boxes with a border, and they get a colored fill with a check icon when selected.

Example:

Default usage:

<Checkbox />

Properties

Property Type Default Description
id string ‘Checkbox’ id for testID & accesibilityLabel
checked boolean false Checkbox checked value
haptic boolean true Provides haptic feedback when toggling the checkbox
style ViewStyle undefined Renders the Pressable container style
onPress (checked: boolean) => void undefined Checkbox onPress callback passing the checked value as params