15.12Component
Slider.
Numeric selection by drag. Single thumb for a setting, two thumbs for a range. Never the only input for a value; pair with a typed number for accessibility.
Single thumb
Refund tolerance42%
Insyte auto-approves refunds below this threshold.
Range
Order value filter€20 – €75
- track
- h-1.5 · rounded-full · bg-mist (rest) · bg-arc (filled)
- thumb
- size-4 · rounded-full · bg-white · 1px arc ring
- focus
- thumb gets arc-soft halo · arc border
- disabled
- track + thumb 50% opacity
- a11y
- always pair with a numeric label; sliders alone fail WCAG