Range
===

```jsx
const opts = {
  showMarks: 51,
  showLabels: true
};

<Range list="test" defaultValue={250} options={opts} step={5} max={500}>
  <datalist id="test">
    <option value={0} label="Drag 👉" />
    <option value={250} label="👌 Halfway..." />
    <option value={500} label="Done 🤘" />
  </datalist>
</Range>
```

<div env="local">

<details>
<summary><b>Up Next</b></summary>

- Clean up two-way `value` bindings.
  - [ ] use `[value]` prop to `setState`
  - [ ] update state value `onChange`
  - [ ] make `updateInfo` reactive
- Distinguish callback props.
  - [ ] add vanilla `onChange` handler
  - [ ] throttle `updateInfo` trigger
  - [ ] 

</details>

</div>