Slider

A bindable native range input.

Examples

Installation

Install the package, then import only the components a route uses. Exports are tree-shakable.

Install
pnpm add fractalsvelte
Import
<script lang="ts">
	import { Slider } from 'fractalsvelte';
</script>

Usage

Usage
<script lang="ts">
	import { Slider } from 'fractalsvelte';
</script>

<Slider />

Props

PropTypeDefaultDescription
valuenumber0The selected value. Supports bind:.
minnumber0Minimum value.
maxnumber100Maximum value.
stepnumber1Increment between values.
disabledbooleanfalsePrevents interaction while preserving semantic state.