A form control for choosing a value within a preset range of values.
Component
Slider
Other names: Range input
38 examples
Slider
Ant Design
Ant Financial
- React
- Code examples
- Accessibility issues
- Open source
Range
Atlassian Design System
- React
- Code examples
- Usage guidelines
- Tone of voice
- Accessibility
Slider
Backpack
Skyscanner
- Mobile
- React
- Code examples
- Usage guidelines
- Open source
- Tone of voice
Slider
Base Web
Uber
- React
- CSS-in-JS
- Code examples
- Usage guidelines
- Open source
Slider
Carbon Design System
IBM
- React
- Vanilla JS
- Angular
- Vue
- Svelte
- Web Components
- Code examples
- Usage guidelines
- Open source
Slider
Chakra UI
- React
- CSS-in-JS
- Code examples
- Open source
Range Input
Clarity Design System
VMware
- CSS
- Angular
- Web Components
- Code examples
- Usage guidelines
- Open source
Range Slider
Duet Design System
LocalTapiola
- Angular
- Vue
- React
- Code examples
Range sliders
Elastic UI framework
Elastic
- React
- Sass
- Code examples
- Open source
Slider
Fluent UI
Microsoft
- React
- Web Components
- Mobile
- Usage guidelines
- Code examples
- Accessibility
- Open source
RangeInput
Grommet
- React
- Code examples
- Open source
RangeInput
Instructure-UI
Instructure
- React
- CSS-in-JS
- Code examples
- Accessibility
- Open source
Slider
Lightning Design System
Salesforce
- React
- Code examples
- Usage guidelines
- Tone of voice
- Open source
Slider
Material Design
Google
- Mobile
- Web Components
- Sass
- Usage guidelines
- Open source
- Accessibility
Slider
Momentum Design
Cisco
- React
- Sass
- Code examples
- Usage guidelines
- Open source
Range slider
Morningstar Design System
- Vue
- Usage guidelines
Range slider
Nessie
Nederlandse Spoorwegen
- Web Components
- Tailwind CSS
- Usage guidelines
- Code examples
Slider
NewsKit
News Corp
- React
- Code examples
- Usage guidelines
- Open source
Range
Nord Design System
Nordhealth
- Web Components
- Code examples
- Usage guidelines
Slider
Orbit
Kiwi.com
- React
- CSS-in-JS
- Usage guidelines
- Open source
- Code examples
- Tone of voice
Slider
PatternFly
Red Hat
- React
- Sass
- Tone of voice
- Open source
- Usage guidelines
Range slider
Polaris
Shopify
- React
- Code examples
- Usage guidelines
- Accessibility
- Tone of voice
- Open source
Slider
Quasar Framework
- Vue
- Accessibility issues
- Code examples
- Open source
Range
Quasar Framework
- Vue
- Accessibility issues
- Code examples
- Open source
Slider
Radix Primitives
WorkOS
- React
- Code examples
- Open source
Slider (Range)
Reach UI
- React
- Accessibility
- Code examples
- Open source
Slider
Ruter Components
- React
- Code examples
- Unmaintained
Slider
SEB Design Library
Skandinaviska Enskilda Banken
- Sass
- React
- Angular
- Code examples
- Usage guidelines
Slider
shadcn/ui
- React
- Tailwind CSS
- Code examples
- Open source
Range
Shoelace
- Web Components
- Code examples
- Open source
Slider
Spectrum
Adobe
- CSS
- Web Components
- React
- Code examples
- Usage guidelines
- Tone of voice
- Open source
Range Input
United States Web Design System
United States government
- Nunjucks
- Code examples
- Usage guidelines
- Open source
Slider
Wanda
Wonderflow
- React
- CSS Modules
- Code examples
- Open source