<script lang="ts">
import { Slider } from "$lib/components/ui/slider/index.js";
let value = $state(50);
</script>
<Slider type="single" bind:value max={100} step={1} class="max-w-[70%]" />Installation
pnpm dlx jsrepo@latest add slidernpx jsrepo@latest add slideryarn dlx jsrepo@latest add sliderbunx jsrepo@latest add sliderInstall bits-ui:
pnpm add bits-ui -Dnpm install bits-ui -Dyarn add bits-ui -Dbun add bits-ui -DCopy and paste the following code into your project.
import Root from './slider.svelte';
export {
Root,
//
Root as Slider
};
Usage
<script lang="ts">
import { Slider } from '$lib/components/ui/slider/index.js';
let value = $state(33);
</script><Slider type="single" bind:value max={100} step={1} />