onHoverState
and OnPressedState
as the colors will be automatically generated for you whenever the property AutoGenerateColors is set to true. Also, theBorderRadius
andBorderThickness
will be applied based on the default values.OnIdleState
, OnHoverState
, and OnPressedState
respectively.BorderStyle
property which includes a number of variation options namely: Solid, Dash, and Dot.
CustomizableEdges
. property. Here' you can choose which edges will be included when styling the border radius:
AutoSize
to true
.AllowToggling
to true
. Once this is set, you will notice that the property IndicateFocus
is also applied to true
. This is because this property IndicateFocus
is used to set visual some focus to the button once clicked.FocusState
, meaning that you can use the Idle state, Hover state or Pressed state (which is the default state) as the state to be used when active or focused.AutoGenerateColors
is set to true
. This is a pretty awesome feature as it lets you simply work with one color for the button's background and border or one for the background and another for the border and you're all set!IdleFillColor
and IdleBorderColor
and the same colors will be used to generate a variation of two color sets - a lighter contrast for the hover state, and a darker contrast for the pressed state.ColorContrastOnHover
and ColorContrastOnClick
. These two properties accept integer values between 0 and 100 or even a negative value if you'd wish to have reverse colors generated (hover colors representing pressed and pressed colors representing hover). This makes up for some interesting color mixes which, of course, will be based on your own preferences. IdleIconLeftImage
and IdleIconRightImage
. These properties accept Image
type variables, meaning you can pass an image to each via code. Also, we have extended this property to the various states to allow you to change the icons when in either the Hover or Pressed states, giving you maximum flexibility.