Slider

Accessible and themeable form range input component.

import { Label, Slider } from '@rebass/forms'

Percent

<Box>
  <Label htmlFor='percent'>Percent</Label>
  <Slider
    id='percent'
    name='percent'
    defaultValue={25}
  />
</Box>

<Box>
  <Label htmlFor='percent'>Percent</Label>
  <Slider
    id='percent'
    name='percent'
    defaultValue={25}
  />
</Box>

Live Demo