Range

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

Basic usage

Value: 2.5

Disabled

Source

<BsRange v-model:value="value" :min="0" :max="5" :step="0.5" label="Rating" />