
```jsx
import { CFormControlWrapper } from '@coreui/react'
// or
import CFormControlWrapper from '@coreui/react/src/components/form/CFormControlWrapper'
```

| Property | Description | Type | Default |
| --- | --- | --- | --- |
| **feedback** **_4.2.0+_** | Provide valuable, actionable feedback. | `ReactNode` | - |
| **feedbackInvalid** **_4.2.0+_** | Provide valuable, actionable feedback. | `ReactNode` | - |
| **feedbackValid** **_4.2.0+_** | Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
| **floatingClassName** **_4.5.0+_** | A string of all className you want applied to the floating label wrapper. | `string` | - |
| **floatingLabel** **_4.2.0+_** | Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`. | `ReactNode` | - |
| **invalid** | Set component validation state to invalid. | `boolean` | - |
| **label** **_4.2.0+_** | Add a caption for a component. | `ReactNode` | - |
| **text** **_4.2.0+_** | Add helper text to the component. | `ReactNode` | - |
| **tooltipFeedback** **_4.2.0+_** | Display validation feedback in a styled tooltip. | `boolean` | - |
| **valid** | Set component validation state to valid. | `boolean` | - |
