React Form Checkbox Component API
Form Checkbox API
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.
CFormCheck#
import { CFormCheck } from '@coreui/react'// orimport 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, | ||
floatingLabel#4.2.0+ | - | ReactNode |
Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, | ||
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. |