MeldUI

Slider

A range slider for selecting numeric values with color variants.

Usage

Range Slider

Variants

Color variants for different contexts.

Props

PropTypeDefaultDescription
modelValuenumber[]-The slider value(s). Use with v-model.
variant'default' | 'destructive' | 'success' | 'warning' | 'info' | 'neutral''default'The color variant.
minnumber0Minimum value.
maxnumber100Maximum value.
stepnumber1Step increment.
disabledboolean-Whether the slider is disabled.