React Form Checkbox Component API

Form Checkbox API

Explore the API reference for the React Form Checkbox component and discover how to effectively utilize its props for customization.

On this page

import { CFormCheck } from '@coreui/react'
// or
import CFormCheck from '@coreui/react/src/components/form/CFormCheck'

Property	Default	Type
button#	-	`ButtonObject`
Create button-like checkboxes and radio buttons.
className#	-	`string`
A string of all className you want applied to the component.
feedback#4.2.0+	-	`ReactNode`
Provide valuable, actionable feedback.
feedbackInvalid#4.2.0+	-	`ReactNode`
Provide valuable, actionable feedback.
feedbackValid#4.2.0+	-	`ReactNode`
Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
floatingLabel#4.2.0+	-	`ReactNode`
Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
hitArea#	-	`'full'`
Sets hit area to the full area of the component.
id#	-	`string`
The id global attribute defines an identifier (ID) that must be unique in the whole document.
indeterminate#	-	`boolean`
Input Checkbox indeterminate Property.
inline#	-	`boolean`
Group checkboxes or radios on the same horizontal row.
invalid#	-	`boolean`
Set component validation state to invalid.
label#	-	`ReactNode`
The element represents a caption for a component.
reverse#	-	`boolean`
Put checkboxes or radios on the opposite side.
tooltipFeedback#4.2.0+	-	`boolean`
Display validation feedback in a styled tooltip.
type#	`checkbox`	`'checkbox'`, `'radio'`
Specifies the type of component.
valid#	-	`boolean`
Set component validation state to valid.