Buttons are used as triggers for actions. There are a variety of different button styles applied throughout our products each used to represent a specific type of action.
Outlined below are the rules around each button style, and how and when each style should be used.
All buttons are 30px in height, with the exception of large buttons
.btn-lg which are 40px in height.
Avoid using disabled buttons to prevent users from completing an intended action without providing an explanation as to why the button has been disabled.
This explanation could be presented as a validation message, tooltip on hover or popover notifying the user what they need to do in order to activate the button. Regardless of how – always offer an explanation.