Buttons
Themes
Click to copy
<button href="#" class="btn">Button Default</button>
<button href="#" class="btn btn-pri">Button Primary</button>
<button href="#" class="btn btn-sec">Button Secondary</button>
<button href="#" class="btn btn-text">Button Text</button>
<button href="#" class="btn btn-delete">Button Delete</button>
Sizes
Click to copy
<button href="#" class="btn btn-pri btn-sm">Button Default</button>
<button href="#" class="btn btn-pri">Button Primary</button>
<button href="#" class="btn btn-pri btn-lg">Button Inline</button>
With Icons
Click to copy
<button href="#" class="btn btn-icon btn-outline">
<svg height="24px" width="24px" viewBox="0 0 24 24"><use xlink:href="#delete" /></svg>
Button With Icon
</button>
<button href="#" class="btn btn-icon btn-pri">
<svg height="24px" width="24px" viewBox="0 0 24 24"><use xlink:href="#delete" /></svg>
Button With Icon
</button>
<button href="#" class="btn btn-icon btn-outline">
<svg height="24px" width="24px" viewBox="0 0 24 24"><use xlink:href="#delete" /></svg>
</button>
Comments Area
No comments have been posted yet. Please feel free to comment first!
Note: Make sure your comment is related to the topic of the article above. Let's start a personal and meaningful conversation!