CheckBox

CheckBoxes allow users to complete tasks that involve making choices such as selecting options, or switching settings - On or Off. It provides a clear visual of either a true or false choice.

Usage

Import

import { CheckBox } from '@rneui/themed';

Theme Key

CheckBox

Simple

Loading...

Label

Loading...

Radio

Loading...

Size

Loading...

Custom icon

Loading...

Props

note

Includes all CheckBoxIcon, View props.

Name	Type	Default	Description
Component	React Component		Specify React Native component for main button.
center	boolean	false	Aligns checkbox to center.
checkedTitle	string		Specify a custom checked message.
containerStyle	View Style		Style of main container.
disabled	boolean	false	Disables user interaction.
disabledStyle	View Style		Style of the checkbox container when disabled.
disabledTitleStyle	Text Style		Style of the title when disabled.
fontFamily	string		Specify different font family.
iconRight	boolean	false	Moves icon to right of text.
right	boolean	false	Aligns checkbox to right.
textStyle	Text Style		Style of text.
title	string | ReactElement<{}, string | JSXElementConstructor<any>>		Title of checkbox.
titleProps	TextProps	{}	Additional props for the title Text component.
wrapperStyle	View Style		Style for the wrapper of checkbox.

Playground

Loading...