Button

To use any of these styles, just insert the following setting to your button's tag:

Classes="STYLE_NAME"

Where STYLE_NAME is the name of the style you want to add.

Regular button style (Additional classes not required)

Uses the Primary Mid color scheme. (Default style)

Light

This variant changes the color scheme to Primary Light.

Dark

This variant changes the color scheme to Primary Dark.

Accent

This variant changes the color scheme to Accent.

Outlined button style

Button with border and transparent background.

Outline

Uses the Primary Mid color scheme in general.

Outline and Light

This variant changes the color scheme to Primary Light.

Outline and Dark

This variant changes the color scheme to Primary Dark.

Outline and Accent

This variant changes the color scheme to Accent.

Flat button style

Button with transparent background and colored feedbacks when pointer are hovering.

Flat

Uses the Primary color scheme.

with Accent

This variant changes the color scheme to Accent.

Notes: We decided to remove Tool class because use Flat will better in Guidelines of Material Design. For more informations: https://material.io/archive/guidelines/components/buttons.html#buttons-button-types