Skip to main content

StateStyle

Overview

Applies a different style depending on the widget's state — hover, pressed, selected, or disabled. For example, it deepens a button's color while the button is pressed.

Properties

PropertyDescriptionValueDefault
isSelectedWhen on, includes the selected-state color in what gets applied.On / OffOff
isDisabledWhen on, includes the disabled-state color in what gets applied.On / OffOff
durationState transition time in milliseconds. At 0, the target widget's color changes instantly; above 0, the color fades smoothly over that time. - ⚠️ In the current version, you can't edit this value in the Styles panel. (Fixed at the default, 0).Integer0
hoverBorder, fill (background), and text colors applied on mouse hover.Border, fill, and text colorsNot set
pressedBorder, fill (background), and text colors applied while pressed — these take priority over selected and hover.Border, fill, and text colorsNot set
selectedBorder, fill (background), and text colors applied in the selected state.Border, fill, and text colorsNot set
disabledBorder, fill (background), and text colors applied in the disabled state — these take priority over every other state.Border, fill, and text colorsNot set