Skip to content

SliderTheme

SliderTheme #

Customizes the appearance of descendant Slider controls.

active_tick_mark_color #

active_tick_mark_color: ColorValue | None = None

The color of the track's tick marks that are drawn between the Slider.min position and the current thumb position.

active_track_color #

active_track_color: ColorValue | None = None

Overrides the default value for Slider.active_color.

disabled_active_tick_mark_color #

disabled_active_tick_mark_color: ColorValue | None = None

The color of the track's tick marks that are drawn between the current thumb osition and the Slider.max position when the Slider is disabled.

disabled_active_track_color #

disabled_active_track_color: ColorValue | None = None

The color of the Slider track between the Slider.min position and the current thumb position when the Slider is disabled.

disabled_inactive_tick_mark_color #

disabled_inactive_tick_mark_color: ColorValue | None = None

The color of the track's tick marks that are drawn between the current thumb position and the Slider.max position when the Slider is disabled.

disabled_inactive_track_color #

disabled_inactive_track_color: ColorValue | None = None

The color of the Slider track between the current thumb position and the Slider.max position when the Slider is disabled.

disabled_secondary_active_track_color #

disabled_secondary_active_track_color: ColorValue | None = (
    None
)

The color of the Slider track between the current thumb position and the Slider.secondary_track_value position when the Slider is disabled.

disabled_thumb_color #

disabled_thumb_color: ColorValue | None = None

The color given to the thumb to draw itself with when the Slider is disabled.

inactive_tick_mark_color #

inactive_tick_mark_color: ColorValue | None = None

The color of the track's tick marks that are drawn between the current thumb position and the Slider.max position.

inactive_track_color #

inactive_track_color: ColorValue | None = None

Overrides the default value for Slider.inactive_color.

interaction #

interaction: SliderInteraction | None = None

Overrides the default value for Slider.interaction.

min_thumb_separation #

min_thumb_separation: Number | None = None

Limits the thumb's separation distance.

Use this only if you want to control the visual appearance of the thumbs in terms of a logical pixel value. This can be done when you want a specific look for thumbs when they are close together. To limit with the real values, rather than logical pixels, the values can be restricted by the parent.

mouse_cursor #

mouse_cursor: ControlStateValue[MouseCursor] | None = None

Overrides the default value for Slider.mouse_cursor.

overlapping_shape_stroke_color #

overlapping_shape_stroke_color: ColorValue | None = None

The color given to the perimeter of the top range thumbs of a RangeSlider when the thumbs are overlapping and the top range value indicator when the value indicators are overlapping.

overlay_color #

overlay_color: ColorValue | None = None

Overrides the default value for Slider.overlay_color.

padding #

padding: PaddingValue | None = None

Overrides the default value for Slider.padding.

secondary_active_track_color #

secondary_active_track_color: ColorValue | None = None

Overrides the default value for Slider.secondary_active_color.

thumb_color #

thumb_color: ColorValue | None = None

Overrides the default value for Slider.thumb_color.

thumb_size #

thumb_size: ControlStateValue[Size] | None = None

The size of the handle thumb shape thumb.

track_gap #

track_gap: Number | None = None

The size of the gap between the active and inactive tracks of the gapped slider track shape.

track_height #

track_height: Number | None = None

The height of the Slider track.

value_indicator_color #

value_indicator_color: ColorValue | None = None

The color given to the Slider's value indicator to draw itself with.

value_indicator_stroke_color #

value_indicator_stroke_color: ColorValue | None = None

The color given to the value indicator shape stroke.

value_indicator_text_style #

value_indicator_text_style: TextStyle | None = None

The TextStyle for the text on the value indicator.

year_2023 #

year_2023: bool = False

Overrides the default value for Slider.year_2023.