Lightlines
By tanstack-skills

tanstack-ranger

tanstack-skills

Build sliders your users can control.

slider components

What it does

Build accessible single-value, range, and multi-thumb slider components with headless utilities and custom markup.

When to use it

Use it when building accessible range or multi-range slider components.

How to use it

Give it slider requirements; it returns guidance for implementing accessible range or multi-range sliders with TanStack Ranger.

What you provide

  • slider requirements

Access · 1

This skill

@tanstack/react-ranger

Execute

Installs the React Ranger package

What you need · 1

The React adapter package must be installed for the React examples and useRanger API.


About this skill

Visibility
Public
Repository
tanstack-skills/tanstack-skills
Created
Oct 8, 2026
Updated
Oct 8, 2026
Files
1