SappsUI
Getting Started
Introduction
Colors
Components
Avatar
Badge
Button
Card
Icons
Image
Modal
Table
Typography
Forms
Text Field
Select
Checkbox
Radio
Slider
Toggle
Navigation
Tabs
Menu
Layouts
Layout
Navbar
Sidebar
Plugins
Mapbox
Dropzone
Slider
A slider component for selecting values within a range with various styles and features.
Single Value Sliders
Default Slider
100
Custom Range
100
Custom Step
100
Disabled
100
Range Sliders
Default Range
25 - 75
Custom Range
30 - 70
Custom Step
20 - 80
Disabled
30 - 60
Colors
Primary
30 - 70
Secondary
20 - 60
Foreground
40 - 80
Success
10 - 40
Warning
30 - 70
Danger
20 - 60
Sizes
Small
25 - 50
Medium
30 - 70
Large
40 - 75
Radius
None
20 - 50
Small
30 - 60
Medium
40 - 70
Large
50 - 80
Full
60 - 90
Display Options
With Value Display
35 - 65
Hide Value
Hide Thumb
45 - 75
Show Marks
30 - 70
No Label
Combined Features
Success with Marks
20 - 80
Warning Large Small-Radius
30 - 70
Danger with Marks No Thumb
25 - 75