Appearance
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.
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 :hover
or :focus
, inherit the states of the default Button. To render a Flat Button, use the look="flat"
configuration.
Outline Button
The Outline Button sets a transparent background and a solid border for its normal state and inherits all its color properties—for example, background-color
, color
, and border-color
—from its parent element. To render an Outline Button, use the look="outline"
configuration.
Clear Button
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 look="clear"
configuration.