<button class="ui button">et</button>
<button class="ui primary button">sit</button>
<button class="ui secondary button">id</button>
<div class="ui grid">
<div class="two column row">
<div class="column">
<h4>Static Green Custom</h4>
<button class="ui secondary medium custom fluid button">
<i class="ui icon plus"></i>
Visit the Marketplace
</button>
</div>
<div class="column">
<h4>Static Green Custom unavailable</h4>
<button class="ui secondary medium custom fluid button" disabled>
<i class="ui icon plus"></i>
Visit the Marketplace
</button>
</div>
</div>
<button class="ui basic button">et</button>
<button class="ui mini button">at</button>
<button class="ui tiny button">veritatis</button>
<button class="ui small button">alias</button>
<button class="ui medium button">et</button>
<button class="ui large button">fugiat</button>
<button class="ui big button">quia</button>
<button class="ui massive button">sunt</button>
<button class="ui button">
<i class="plus icon"></i>
sunt
</button>
<button class="ui primary button">
<i class="plus icon"></i>
consequatur
</button>
<button class="ui secondary button">
<i class="plus icon"></i>
cupiditate
</button>
<button class="ui basic button">
<i class="plus icon"></i>
libero
</button>
<div class="ui grid">
<div class="row">
<div class="two wide column">
<a class="ui fluid button">ipsum</a>
</div>
<div class="three wide column">
<a class="ui fluid button">laudantium</a>
</div>
<div class="four wide column">
<a class="ui fluid button">ut</a>
</div>
<div class="six wide column">
<a class="ui fluid button">doloribus</a>
</div>
</div>
</div>
<div class="ui grid">
<div class="row">
<div class="column blue">
<button class="ui basic primary button">
<i class="plus icon"></i>
Primary basic
</button>
<button class="ui basic secondary button">
<i class="plus icon"></i>
Secondary basic
</button>
<button class="ui basic inverted button">
<i class="plus icon"></i>
basic inverted
</button>
</div>
</div>
</div>