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 propertiesfor example, colorfrom 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.

Example
View Source
Edit In Stackblitz  
Change Theme:

Outline Button

The Outline Button sets a transparent background and a solid border for its normal state and inherits all its color propertiesfor example, background-color, color, and border-colorfrom its parent element. To render an Outline Button, use the look="outline" configuration.

Example
View Source
Edit In Stackblitz  
Change Theme:

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.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?