Skip to content
Theme UI
GitHub

Slider

Range input element

import { Slider } from 'theme-ui'

Variants

Slider variants can be defined in the theme.forms object. The Slider component uses theme.forms.slider as its default variant style.

// example theme variants
{
forms: {
slider: {
// adjust default styles here
},
redSlider: {
color: 'red',
},
},
}
Edit the page on GitHub
Previous:
Switch
Next:
Field