: class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored mdl-js-ripple-effect", **"mdl-button--fab" adds the 3D circle, "mdl-button--colored" colors the 3D circle, "mdl-js-ripple-effect" adds ripple effect ont the button**
: class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect", **"mdl-button--raised" adds the 3D Rectangle on the button.**
: class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored", **"mdl-button--colored" add Primary color to Button.**
: class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent", **"mdl-button--accent" adds Accent color ont he Button.**
: class="mdl-button mdl-js-button mdl-button--primary", **"mdl-button--primary" adds primary color on the text.**
: class="mdl-button mdl-js-button mdl-button--accent", **"mdl-button--accent" adds accent color on the text**
: class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab", **"mdl-button--mini-fab" make a mini button"**
<!-- Colored FAB Button -->
<button class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored mdl-js-ripple-effect">Add</button>: class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored mdl-js-ripple-effect", <strong>"mdl-button--fab" adds the 3D circle, "mdl-button--colored" colors the 3D circle, "mdl-js-ripple-effect" adds ripple effect ont the button</strong><br>
<!-- Raised Button -->
<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">Button</button>: class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect", <strong>"mdl-button--raised" adds the 3D Rectangle on the button.</strong><br>
<button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">Button</button>: class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored", <strong>"mdl-button--colored" add Primary color to Button.</strong><br>
<button class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent">Button</button>: class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent", <strong>"mdl-button--accent" adds Accent color ont he Button.</strong><br>
<button class="mdl-button mdl-js-button mdl-button--primary">Button</button>: class="mdl-button mdl-js-button mdl-button--primary", <strong>"mdl-button--primary" adds primary color on the text.</strong><br>
<button class="mdl-button mdl-js-button mdl-button--accent">Button</button>: class="mdl-button mdl-js-button mdl-button--accent", <strong>"mdl-button--accent" adds accent color on the text</strong><br>
<!-- Mini FAB Button -->
<button class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab">i</button>: class="mdl-button mdl-js-button mdl-button--fab mdl-button--mini-fab", <strong>"mdl-button--mini-fab" make a mini button"</strong><br>