React Form Range Component API

Form Range API

New Year sale. Skyrocket your business in 2025!

Extra 25% off for all sale items + Free CoreUI Icons PRO with every order!
Limited-time offer for the first 100 customers in 2025. Use code 2025SKY25 at checkout.

Get offer!

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

On this page

CFormRange#

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

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