Component is standalone
This component does not require Bootstrap CSS to be used.
Colors of the component use the Bootstrap CSS vars (along with a default color) to ensure that if you do include bootstrap, the component will
take your color palette.
Basic slider
Range slider
Slider with ticks
Vertical slider
Range with limits
Slider handles stay within set distances and can push each other to maintain the range.
Right to left slider
Custom slider
Full Custom slider
Custom Accessibility slider
Accessibility
The slider component implements the ARIA slider role.