The Slider component provides a styled slider control for the HTML <input type="range">.

Import component

import { Slider } from 'rimble-ui';

Example

<Slider min={"0"} max={"100"} step={"10"} />
<Slider min={"0"} max={"100"} step={"10"} />
Copy code

Props

'range slider'

Styled System Props

Box uses COMMON, LAYOUT, POSITION, FLEXBOX, BORDERS groups of Styled System props.