Range

A native slider (.form-range): the browser owns its role, value and keys (arrows, Page Up/Down, Home/End). value is controlled throughonValueChange; label names it when no <label for> does.

Basic usage

Value: 2.5

Source

import { BsRange } from '@mintplayer/react-bootstrap/range';<BsRange min={0} max={5} step={0.5} value={value} onValueChange={setValue} label="Rating" />