Slider

Renders an input with type="range"

<Slider
    width="200px"
    height="10px"
/>
<Slider
    width="200px"
    height="10px"
/>
Live Demo

<Slider
    appearance="none"
    width="200px"
    height="4px"
    borderColor="Primary"
    backgroundColor="Secondary"
    min="0"
    max="100"
    step="10"
/>
<Slider
    appearance="none"
    width="200px"
    height="4px"
    borderColor="Primary"
    backgroundColor="Secondary"
    min="0"
    max="100"
    step="10"
/>
Live Demo