React Form Range Component API

Form Range API

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'
PropertyDefaultType
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.