# React Form Checkbox Component API

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

## CFormCheck

```jsx
import { CFormCheck } from '@coreui/react-pro'
```

### Props

| Name | Type | Default | Description |
| --- | --- | --- | --- |
| `button` | `ButtonObject \| undefined` | - | Create button-like checkboxes and radio buttons. |
| `className` | `string \| undefined` | - | A string of all className you want applied to the component. |
| `feedback` | `ReactNode` | - | Provide valuable, actionable feedback. |
| `feedbackInvalid` | `ReactNode` | - | Provide valuable, actionable feedback. |
| `feedbackValid` | `ReactNode` | - | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. |
| `floatingLabel` | `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. |
| `tooltipFeedback` | `boolean \| undefined` | - | Display validation feedback in a styled tooltip. |
| `type` | `"checkbox" \| "radio" \| undefined` | `checkbox` | Specifies the type of component. |
| `valid` | `boolean \| undefined` | - | Set component validation state to valid. |