IconButtons
v1.0.1
Icon buttons are commonly found in app bars and toolbars. Icons are also appropriate for toggle buttons that allow a single choice to be selected or deselected, such as adding or removing a star to an item.
Default
<button class="icon-btn icon-btn-primary">
<SunSolidIcon />
</button>
<button class="icon-btn icon-btn-secondary">
<SunSolidIcon />
</button>
<button class="icon-btn icon-btn-success">
<SunSolidIcon />
</button>
<button class="icon-btn icon-btn-warning">
<SunSolidIcon />
</button>
<button class="icon-btn icon-btn-error">
<SunSolidIcon />
</button>
<button class="icon-btn icon-btn-white">
<SunSolidIcon />
</button>
<button class="icon-btn icon-btn-black">
<SunSolidIcon />
</button>Size
<button class="icon-btn icon-btn-primary icon-btn-xs">
<SunSolidIcon />
</button>
<button class="icon-btn icon-btn-primary icon-btn-sm">
<SunSolidIcon />
</button>
<button class="icon-btn icon-btn-primary icon-btn-md">
<SunSolidIcon />
</button>
<button class="icon-btn icon-btn-primary icon-btn-lg">
<SunSolidIcon />
</button>Disabled
<button class="icon-btn icon-btn-primary" disabled="disabled">
<SunSolidIcon />
</button>