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-xs* $theme-field-height-ratio

Computed value: 2.8px

$gbc-sliderWidget-vertical-padding

Vertical padding of the Slider widget container

Type: size

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

Computed value: 2.8px

$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: #1976d2

$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