Slider

Usage

import { Slider } from '@acronis-platform/ui-react';

Slider lets the user pick a number — or a range, by passing an array value (two thumbs) — within a min/max, snapped to step. Built on Base UI's Slider. Give it an accessible name via aria-label or a Field.

Design-pending v1, ported from the legacy shadcn-uikit slider.

Examples

<Slider defaultValue={40} aria-label="Volume" />
<Slider defaultValue={[20, 80]} aria-label="Price range" />

For precise numeric entry use a number field / InputText; for a few discrete choices use RadioGroup or a toggle group.

API Reference