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.

Tool button style

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

Tool / Flat (use one of them only now, another one could be obsoleted and removed in future updates).

Uses the Primary color scheme.

with Accent

This variant changes the color scheme to Accent.