| button | - | ButtonObject |
Create button-like checkboxes and radio buttons. |
| className | - | string |
A string of all className you want applied to the component. |
| feedback4.2.0+ | - | ReactNode |
Feedback for the current validationState — rendered only while the state is set, and styled after it. For the client-side mode, where the browser owns the state, use feedbackValid and feedbackInvalid instead. |
| feedbackInvalid4.2.0+ | - | ReactNode |
Feedback the stylesheet reveals while the control is invalid — always rendered, so it works with client-side validation, where the browser decides the state. |
| feedbackValid4.2.0+ | - | ReactNode |
Feedback the stylesheet reveals while the control is valid — always rendered, so it works with client-side validation, where the browser decides the state. |
| floatingLabel4.2.0+ | - | ReactNode |
Provide a floating label for the component — the text rests inside the field and floats once it has focus or a value. |
| 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. |
| invalidDeprecated 6.0.0 | - | boolean |
Set component validation state to invalid. Use validationState="invalid" instead — invalid is ignored when validationState is set. |
| label | - | ReactNode |
The element represents a caption for a component. |
| onValidationStateChange6.0.0+ | - | ((validationState: ValidationState | undefined) => void) |
Callback fired with undefined when the user changes the checked state, or the form is reset, while validationState (or the deprecated invalid) is set. A given state is a verdict on the choice it was given for; clear it here to let the browser's own validation show again. |
| reverse | - | boolean |
Put checkboxes or radios on the opposite side. |
| theme6.0.0+ | - | 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'inverse', string |
Sets the color context of the component to one of CoreUI’s themed colors. |
| tooltipFeedback4.2.0+ | - | boolean |
Display validation feedback in a styled tooltip. |
| type | checkbox | 'checkbox', 'radio' |
Specifies the type of component. |
| validDeprecated 6.0.0 | - | boolean |
Set component validation state to valid. Use validationState="valid" instead — valid is ignored when validationState is set. |
| validationState6.0.0+ | - | 'valid', 'invalid', string |
The validation state, rendered as the is-{state} class; 'invalid' also sets aria-invalid and blocks the submit. Any custom state declared in the $form-validation-states Sass map is accepted. The user's next change of the checked state asks to drop it through onValidationStateChange. |