Use Material Bootstrap custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
Material Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.
StyleMode property allows the user to change the style of the elements.
In need of a button, but not the hefty background colors they bring? Just add the class outlined to remove all background images and colors on any button.
Setting the outlined property the elements turn into outlined buttons with no filling untill hovered.
Fancy larger or smaller buttons? Just set the sizeMode property to 'sm' or 'lg' for additional sizes.
Buttons can be reset back to normal if SizeMode is set to an empty string.
To disable/enable an element just set the disabled property.
Checkboxes are buttons that can be toggled. The checked state of these buttons can be updated via click or by setting the checked property to true. Checkboxes like the other toggle buttons can be pre-checked.
Appling/Removing the checked attribute will toggle the state of the button.
Add the checked attribute to toggle a button’s active state. If you’re pre-toggling a button, you must manually add the checked attribute to the button.
Radio buttons are group elements that allow only one of them to be checked. Similar to the other toggle elements to set a button into checked state the property checked has to be applied to the element. All elements that have the same group property are considered to be in the same group. group can be set on initialization.