Button

Buttons are the soul of an interactive Web Application. Buttons allow users to take actions, and make choices, with a single tap.

Contained Button

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

Outlined Button

In need of a button, but not the hefty background colors they bring? just add a "btn-outlined".

Button with icons

icon Buttons can be created, by using a SVG as a child to parent button.

Floating action button

Icons are also appropriate for toggle buttons that allow a single choice to be selected or deselected, such as adding or removing a star to an item.

Text button

Text buttons are typically used for less-pronounced actions, including those located in dialogs or in cards.