# Vue Toggle Range - Flowbite
#### Get started with the range component to receive a number from the user anywhere from 1 to 100 by sliding form control horizontally based on multiple options
---
:::tip
Original reference: [https://flowbite.com/docs/forms/range/](https://flowbite.com/docs/forms/range/)
:::
## Default
```vue
Current value: {{ value }}
```
## Disabled state
```vue
```
## Min and Max
```vue
```
## Steps
```vue
```
## Sizes
```vue
```