Slider

An input where the user selects a value from within a given range.

Preview

Installation

npm install @matrix-ui/components

Usage

import { Slider } from '@matrix-ui/components'

<Slider defaultValue={[33]} max={100} step={1} />

Examples

With Value Display

Range Slider

Size Variants

Step Values

Disabled State

Min and Max Values