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.
import { CFormCheck } from '@coreui/react-pro'
| Property | Default | Type |
|---|
| button | - | ButtonObject, undefined |
Create button-like checkboxes and radio buttons. |
| className | - | string, undefined |
A string of all className you want applied to the component. |
| feedback4.2.0+ | - | ReactNode |
Provide valuable, actionable feedback. |
| feedbackInvalid4.2.0+ | - | ReactNode |
Provide valuable, actionable feedback. |
| feedbackValid4.2.0+ | - | ReactNode |
Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, :invalid and :valid. |
| floatingLabel4.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', undefined |
Sets hit area to the full area of the component. |
| id | - | string, undefined |
The id global attribute defines an identifier (ID) that must be unique in the whole document. |
| indeterminate | - | boolean, undefined |
Input Checkbox indeterminate Property. |
| inline | - | boolean, undefined |
Group checkboxes or radios on the same horizontal row. |
| invalid | - | boolean, undefined |
Set component validation state to invalid. |
| label | - | ReactNode |
The element represents a caption for a component. |
| reverse | - | boolean, undefined |
Put checkboxes or radios on the opposite side. |
| tooltipFeedback4.2.0+ | - | boolean, undefined |
Display validation feedback in a styled tooltip. |
| type | checkbox | 'checkbox', 'radio', undefined |
Specifies the type of component. |
| valid | - | boolean, undefined |
Set component validation state to valid. |