Range
Range is a slider input for selecting a numeric value within a range.
Installation
npx jsx-daisyui add rangeDefault
range-default
Sizes
range-sizes
Colors
range-colors
With steps
range-steps
0255075100
Controlled
range-controlled
Value: 50
Props
Range
| Prop | Type | Default | Description |
|---|---|---|---|
color | 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | - | The color of the range slider. |
size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'md' | The size of the range slider. |