Slider
A draggable range control for bounded numeric values.
The Slider Component
Adjust hero emphasis for the launch homepage.
Basic Usage
Code Snippet
<script lang="ts"> import { Slider } from '$lib/components'; let value = $state([60]); </script> <Slider bind:value={value} ariaLabel="Hero emphasis" />Examples
Range
Use multiple thumbs when the workflow needs a lower and upper bound.
Set a safe rollout window for the release notification.