Docs
Slider
Slider
An input where the user selects a value from within a given range.
Loading...
<script lang="ts">
import { Slider } from "$lib/components/ui/slider/index.js";
</script>
<Slider value={[50]} max={100} step={1} class="max-w-[70%]" />
<script lang="ts">
import { Slider } from "$lib/components/ui/slider/index.js";
</script>
<Slider value={[50]} max={100} step={1} class="max-w-[70%]" />
Installation
npx shadcn-svelte@latest add slider
Usage
<script lang="ts">
import { Slider } from "$lib/components/ui/slider";
</script>
<Slider value={[33]} max={100} step={1} />
On This Page