Vertical slider with range selection

<script setup lang="ts">
import { Slider } from "@/components/ui/slider"
</script>

<template>
  <div class="flex items-center justify-center gap-12">
    <Slider :default-value="[50]" :max="100" :step="1" orientation="vertical" class="h-40" />
    <Slider :default-value="[25, 75]" :max="100" :step="5" orientation="vertical" class="h-40" />
  </div>
</template>