The Button provides a predefined set of appearance options.
Apart from the default vision of the Button, these alternative styling options enable you to add a flat, or an outline look by setting the
look 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 its 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 and inherits all its color properties—for example,
border-color—from its parent element. 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