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

| Property | Description | Type | Default |
| --- | --- | --- | --- |
| **className** | A string of all className you want applied to the component. | `string` | - |
| **delay** | Delay onChange event while typing. If set to true onChange event will be delayed 500ms, you can also provide the number of milliseconds you want to delay the onChange event. | `number` \| `boolean` | false |
| **disabled** | Toggle the disabled state for the component. | `boolean` | - |
| **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` | - |
| **onChange** | Method called immediately after the `value` prop changes. | `ChangeEventHandler<HTMLInputElement>` | - |
| **plainText** | Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`. | `boolean` | - |
| **readOnly** | Toggle the readonly state for the component. | `boolean` | - |
| **size** | Size the component small or large. | `'sm'` \| `'lg'` | - |
| **text** **_4.2.0+_** | Add helper text to the component. | `ReactNode` | - |
| **tooltipFeedback** **_4.2.0+_** | Display validation feedback in a styled tooltip. | `boolean` | - |
| **type** | Specifies the type of component. | `string` | text |
| **valid** | Set component validation state to valid. | `boolean` | - |
| **value** | The `value` attribute of component. | `string` \| `number` \| `string[]` | - |
