Range slider

Range slider is used to select a value by sliding a handle.

Class name
Type
range Component Range input
range-primary
Modifier
primary color
range-secondary
Modifier
secondary color
range-accent
Modifier
accent color
range-lg
Responsive
Large range
range-md
Responsive
Medium range (default)
range-sm
Responsive
Small range
range-xs
Responsive
Extra small range
# Range
# With steps and measure
| | | | |
# Primary color
# Secondary color
# Accent color
# Sizes
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like daisyUI? tweet about it!