Locara
← All components Form primitives

Slider

Continuous or discrete numeric input. aria-valuetext for screen-reader-friendly values; PageUp/Down ±10×.

Inspired by Apple HIG Sliders, Radix Slider, WAI-ARIA APG.

Preview

What it looks like.

Drag a thumb, or focus and use ←/→ (Shift = ×10, Home/End to bounds).
Temperature0.70
Top-p0.95
Context window8,192 tokens

Live — the real component, scoped to this frame.

Usage

Drop it into your app.

import { Slider } from '@locara/components'

<Slider
  value={temperature}
  onValueChange={setTemperature}
  min={0}
  max={2}
  step={0.05}
  valueText={(v) => v.toFixed(2)}
  aria-label="Temperature"
/>

Or copy the source into your repo: locara add slider