Slider ​

A slider to specify a value between two maximum and minimum values.

When to Use

• To allow users to input a numeric value within a predefined range.

Usage ​

import { ref } from 'vue';
import { Slider } from '@youcan/alto';

const spacing = ref(100);

  <Slider v-model="spacing" suffix="" :max="500" :min="0" />

API Reference ​

Examples ​

Range ​

Allows setting a range with minimum and maximum values.

Prefix ​

Displays a prefix before the slider value.

Suffix ​

Displays a suffix after the slider value.