Slider

Import

import {Slider} from '@astryxdesign/core/Slider';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

A draggable control for selecting a numeric value or range within defined bounds. Supports single value and range selection, tick marks, custom value formatting, and vertical or...

Important props

Theming targets

Best practices

• DoAlways provide a label, even if visually hidden, so the slider is accessible to screen readers.
• DoFormat values with meaningful units like "$50" or "75%" instead of raw numbers.
• Do notUse for precise numeric entry; pair with a text input or use NumberInput instead.
• Do notSet a step size so large that only a few positions are possible; use SegmentedControl or radio buttons instead.