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

| Property | Description | Type | Default |
| --- | --- | --- | --- |
| **className** | A string of all className you want applied to the component. | `string` | - |
| **disabled** | Toggle the disabled state for the component. | `boolean` | - |
| **label** **_4.2.0+_** | Add a caption for a component. | `ReactNode` | - |
| **max** | Specifies the maximum value for the component. | `number` | - |
| **min** | Specifies the minimum value for the component. | `number` | - |
| **onChange** | Method called immediately after the `value` prop changes. | `ChangeEventHandler<HTMLInputElement>` | - |
| **readOnly** | Toggle the readonly state for the component. | `boolean` | - |
| **step** | Specifies the interval between legal numbers in the component. | `number` | - |
| **value** | The `value` attribute of component. | `string` \| `number` \| `string[]` | - |
