ArcSlider

A slider input that is displayed as an arc. This component will scale in size to fit it's container. A label can be added by placing a child element inside this component.

Props

Name

Type

Default

Required

Description

onValueChange

(value: number) => void

-

-

A function that is called when the slider value changes, this will always be a value between 0 and 1

value

number

-

-

A number between 0 and 1 that represents the progress

fillColor

string

-

-

A CSS color string to use for the color of the "filled" part of the arc

background

string

-

-

A CSS color string to use for the color of the arc track

Inheritance

The properties of the Box component are also available.

Last updated