Skip to content

Instantly share code, notes, and snippets.

@tarunsankhla
Created February 6, 2022 09:09
Show Gist options
  • Save tarunsankhla/682c2c9607f4922841527800e7a1c5cf to your computer and use it in GitHub Desktop.
Save tarunsankhla/682c2c9607f4922841527800e7a1c5cf to your computer and use it in GitHub Desktop.
<div class="button-collection">
<button class="btn btn-icon"><span class="material-icons-round">save_as</span>Edit</button>
<button class="btn btn-sucess btn-icon"><span class="material-icons-round"> book </span>Save</button>
<button class="btn btn-warning btn-icon"><span class="material-icons-round">delete_forever</span>Delete</button>
</div>
<h3>Outline Button</h3>
<div class="button-collection">
<button class="btn btn-outline btn-icon"><span class="material-icons-round">save_as</span>Edit</button></button>
<button class="btn btn-outline-sucess btn-icon"><span class="material-icons-round">book</span>Save</button>
<button class="btn btn-outline-warning btn-icon"><span class="material-icons-round">delete_sweep</span>Remove</button>
</div>
<h3>Icon Button</h3>
<div class="button-collection">
<button class="btn btn-outline btn-icon"><span class="material-icons-round">pin_drop </span></button>
<button class="btn btn-outline btn-icon btn-round"><span class="material-icons-round">expand_less</span></button>
<button class="btn btn-outline btn-icon btn-round"><span class="material-icons-round">close</span></button>
</div>
<h3>Link Button</h3>
<button class="btn btn-link">Help?</button>
<h3>Button size</h3>
<div class="button-collection">
<button class="btn btn-lg">Button large</button>
<button class="btn btn-sm">Button small</button>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment