Make buttons look inactive by adding the disabled boolean attribute to any `.btn` element. `<a>`s don’t support the disabled attribute, so you must add the `.disabled` class to make it visually appear disabled.
@@ -103,13 +113,33 @@ Create block level buttons—those that span the full width of a parent—by add
Basic buttons are traditional buttons with borders and background with an extra commponent like an icon. You can place it either on the left or the right which ever you want with different color opitons.
Icons can be found [**here** {% include_cached ui/icon.html icon="search" class="icon-sm2" %}](/docs/icons.html#icons)
{% example html wrapper=btn-list %}
<buttontype="button"class="btn btn-dark"><iclass="icon fe fe-upload mr-2"></i>Upload</button>
<buttontype="button"class="btn btn-warning"><iclass="icon fe fe-heart mr-2"></i>I like</button>
<buttontype="button"class="btn btn-success"><iclass="icon fe fe-check mr-2"></i>I agree</button>
<buttontype="button"class="btn btn-outline-primary"><iclass="icon fe fe-plus mr-2"></i>More</button>
<buttontype="button"class="btn btn-danger"><iclass="icon fe fe-link mr-2"></i>Link</button>
<buttontype="button"class="btn btn-info"><iclass="icon fe fe-message-circle mr-2"></i>Comment</button>