Buttons or links dedicated to actions, are customizable, by colors, sizes and shapes. The
.ms-btn classe can be used on the
<button> and also on the
For more informations on the icons used, consult the dedicated page.
To adapt your button to your content, several colors are available.
Generate minstyle.io CSS with your custom colors.
The buttons come in different sizes with the classes
It is possible to extend the button to 100% of the width with the classe
.ms-outline allows you to obtain a button without background color, but with a border.
.ms-underline allows you to obtain a button without background color, but with a bottom border.
You can also change the appearance of the buttons, by changing their angles with the
You can also add a loader to the button with the loading components.
If you want to disable a button with the
disabled attribute, it will have its opacity reduced by half. You can also use the
.ms-disabled class on
<a> to disable a link.
Finally, it is also possible to add a shadow with the helper class