Range
A slider input for selecting a numeric value within a range.
Preview
Props
| Prop | Type | Default | Description |
|---|---|---|---|
min | number | 0 | Minimum value |
max | number | 100 | Maximum value |
step | number | 1 | Step increment |
value | number | — | Current value |
onChange | function | — | Change handler |
Usage
const { Range } = window.ColorSnap;
ReactDOM.createRoot(document.getElementById('root')).render(
React.createElement(Range, { min: 0, max: 100, defaultValue: 50 })
);