Slider widget

Variables to customize Slider widget

$gbc-SliderWidget-field-height-ratio

Default height of a Slider widget

Type: size

Default value: $theme-field-height-ratio

Computed value: "0.7"

$gbc-sliderWidget-horizontal-padding

Horizontal padding of the Slider widget container

Type: size

Default value: $theme-space-s* $theme-field-height-ratio

Computed value: "5.6px"

$gbc-sliderWidget-vertical-padding

Vertical padding of the Slider widget container

Type: size

Default value: $theme-space-xxs* $theme-field-height-ratio

Computed value: "1.4px"

$gbc-SliderWidget-color

Color of the thumb and track progress of an active slider widget

Type: color

Default value: $theme-primary-background-color

Computed value: "#0b79d1"

$gbc-SliderWidget-track-color

Base color of the track of the slider widget

Type: color

Default value: $theme-disabled-color

Computed value: "rgba(33, 33, 33, 0.54)"

$gbc-SliderWidget-disabled-color

Color of a disabled slider widget

Type: color

Default value: $theme-disabled-color

Computed value: "rgba(33, 33, 33, 0.54)"

$gbc-SliderWidget-thumb-size

Size of the slider handle/thumb

Type: size

Default value: $theme-space-m

Computed value: "12px"

$gbc-SliderWidget-track-thickness

Define the thickness of the track

Type: size

Default value: $theme-space-xxs

Computed value: "2px"

$gbc-SliderWidget-border-radius

Border radius of the Slider Widget

Type: size

Default value: $mt-field-border-radius

Computed value: "4px"