Skip to content
Theme UI
GitHub

Slider

Range input element

import { Slider } from '@theme-ui/components'

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:
Checkbox
Next:
Field