Buttons

The Button component replaces the standard html button with a material design theme and a multitude of options.

Variant

Use the prop variant to set your buttons' styles.

plain buttons are distinguished by their box shadow and fill color.

text buttons have no box shadow and no fill color. Only on hover is the container for the button shown.

outlined buttons have no box shadow and no fill color but borders.

Use the prop color to style the color theme of the buttons.

Preset themes have been provided including default, primary, error, disabled.

Use the prop size to set the size of the buttons which decides the padding, fontsize and height.

Use the prop depressed to make buttons depressed which still maintain their background color but have no box shadow.

Use the prop tile to remove buttons's border radius.

Use the prop rounded to make buttons have round edges.

Use the prop loading to notify a user that there is a process taking place.