Buttons

Buttons can be used to trigger user actions, such as submitting forms, opening modal dialogs, etc. Different types of buttons are available for different types of actions.

Types of Buttons

Below are examples of different types of buttons. Add a .btn class to a button to get a default button. Adding differt other class transform the button in different ways. .btn-icon makes the button look like an icon. .btn-text makes the button look like text, this can be used on anchor tags. .btn-primary-outlined will show a button with a outline and text of primary colour, .btn-primary will show a primary colured button. .btn-flat will remove the outline form the button. .btn-raised will add a box shadow which make the button look like as if it has been raised a little. .btn-float will add give the button a fixed position on the view port making it float over most of the other page contents.