Button

Buttons communicate an action a user can take. They are typically placed throughout your UI, in places like dialogs, forms, cards, and toolbars.

Container Buttons

Contained buttons are high-emphasis, distinguished by their use of elevation and fill. They contain actions that are primary to your app.

Outline Button

In need of a button, but not the hefty background colors they bring? Use '.outline-variant'.

Icon Button

Icon Buttons can be created, by using a SVG as a child to parent button. Use the 'btn btn-icon' class.

Floating Button

Floating Action Button is a button that appears in front of a container (HTML element or control) when users interact with the container's elements.