COMPONENTS
Accordion
Alert
Avatar
Badge
Bottom Sheet
Breadcrumb
Button
Card
Chart Editor
Charts
Checkbox
Collapse
Datepicker
Dropdown
Flex Layout
Form
Graph
Grid
Header
Horizontal Scroll
Icon
Inputs & Textarea
Label
Link
List Group
Loading
Menu
Metric
Modal
Pagination
Person
Popover
Progress
Pull to Refresh
Queryfield
Radio
React Grid Layout
Search
Select
Side Panel
Skeleton Loader
Slider
Steps
Switch
Table
Tabs
Tag
Toast
Toolbar
Tooltip
Tree
Slider
Sliders visualize a range of values and allow for the selection of a single value or a range of values.
- Start value label
- Minimum value tooltip
- Active fill
- Maximum value handle
- Track
- Minimum value handle (dragged state)
- End value label
Slider can be either a single point slider for setting a single value or a dual range slider for setting a minimum and maximum value.
Slider can have three possible states — default, active (dragging) or disabled.
Sliders can be displayed in large, medium and small sizes.
- Where high-precision values are required consider an alternate interface, like a numeric Input.
Contents