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-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. |