Buttons

Default buttons

This is a standard button. It is rendered the same way on every tag.

Span A Link Span A Link

Be accessible!

It is recommended to use the button element whenever possible.
For further information please read the Notes on Using ARIA in HTML.

Primary buttons

This is a primary button.

Danger buttons

This is a danger button.

Edit buttons

This is an edit button.

Disabled buttons

These are disabled buttons.

Button group

This is a button group.

Block buttons

This is a block button.

Buttons with icons

ViUR Ignite features two types of icons: before element or inline image.
Each type has its pros and cons. You'll have to try and find the right icons for your use case.
For inline images the use of jinja is recommended.

Icon buttons without text

They even have a nice tooltip!

The .just-icon class only works with before element icons!