Range Slider
NewformNative range input styled with GridNest tokens for numeric settings and quick adjustments.
import { RangeSlider } from '@/components/forge'Preview
Range Slider
72%
Code Example
Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
label | React.ReactNode | - | No | Visible slider label |
valueLabel | React.ReactNode | - | No | Optional value display |
min | number | string | 0 | No | Minimum value |
max | number | string | 100 | No | Maximum value |
Variants
default
Accessibility
- Uses a native range input
- Label is linked to the slider by htmlFor