The Button provides a predefined set of appearance options.
Apart from the default design of the Button, these alternative styling options enable you to add a flat or an outline look by setting the
ButtonLook configuration without altering the dimensions of the Default Button.
The Bare Button is now deprecated. To apply identical styling, use the Flat Button.
The Flat Button removes the background and border only for its normal state, and inherits its color properties—for example,
color—from its parent element. All other interactive states, such as
:focus, inherit the states of the Default Button. To render a Flat Button, use the
The Outline Button sets a transparent background and a solid border for its normal state. To render an Outline Button, use the
The Clear Button sets both the background and borders to transparent. It has no additional state effects, apart from hover and focus. To render a Clear Button, use the