React Form Checkbox Component API

Form Checkbox API

Rocket
New Year sale. Skyrocket your business in 2025!
Extra 25% off for all sale items + Free CoreUI Icons PRO with every order!
Limited-time offer for the first 100 customers in 2025. Use code 2025SKY25 at checkout.

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

On this page

CFormCheck#

import { CFormCheck } from '@coreui/react'
// or
import CFormCheck from '@coreui/react/src/components/form/CFormCheck'
PropertyDefaultType
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.