Preview:
function Slider ({ callback, disabled = false, readOnly = false }) {
return (
<input
  type="range"
  disabled={disabled}
  readOnly={readOnly}
  onChange={({ target: { value } }) => callback(value)}
/>
);
}
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter