Range slider

Use this component to create grid layouts.

import { RangeSlider } from '@marvelapp/ui';

Kind

The <RangeSlider /> component has a few kinds available that can be used depending on the context of the action being performed.

<RangeSlider kind="default" />

Prop

Type

Default

hoverThumbColor

string

–

hoverTrackColor

string

–

kind

default

whiteTransparent

green

default

progressColor

string

–

sliderHeight

number

thumbBorderRadius

number

thumbBoxShadow

string

–

thumbColor

string

–

thumbHeight

number

thumbWidth

number

trackColor

string

–

type

string

range