Slider

beta llms.txt

Single-value range input with bindable value, horizontal or vertical orientation, and customizable thumb and track rendering.

Installation

bash

Customize the appearance using presets

Explore different variations and use cases

Horizontal single-value slider with live binding

Slider with negative and decimal step values

Vertical orientation for compact control rails

Render custom snippets for thumb and track visuals

Non-interactive slider for locked or unavailable settings

Uses a native hidden input type="range" for robust keyboard and assistive technology support
Supports keyboard interaction through the native range input semantics
Exposes aria-valuemin, aria-valuemax, and aria-valuenow based on current slider state
Supports aria-disabled and disabled behavior for non-interactive states
Works with labels and forms via forwarded id and name props