Help CenterButton
13 Mar 2018 in: ButtonsButton
A standard button
<button class="wojo button">Follow</button>
Labeled
A button can appear alongside a label
<div class="wojo labeled button">
<div class="wojo button">
<i class="heart icon"></i> Like </div>
<a class="wojo basic label"> 2,048 </a>
</div>
<div class="wojo left labeled button">
<a class="wojo basic right pointing label"> 2,048 </a>
<div class="wojo button">
<i class="heart icon"></i> Like </div>
</div>
<div class="wojo left labeled button">
<a class="wojo basic label"> 1,048 </a>
<div class="wojo icon button">
<i class="icon wand"></i>
</div>
</div>Icon
A button can have only an icon
<button class="wojo icon button">
<i class="icon user"></i>
</button>
Groups
Buttons can exist together as a group
<div class="wojo buttons">
<button class="wojo button">One</button>
<button class="wojo button">Two</button>
<button class="wojo button">Three</button>
</div>Icon Buttons
Button groups can show groups of icons
<div class="wojo icon buttons">
<button class="wojo button"><i class="align left icon"></i></button>
<button class="wojo button"><i class="align center icon"></i></button>
<button class="wojo button"><i class="align right icon"></i></button>
<button class="wojo button"><i class="align justify icon"></i></button>
</div>
<div class="wojo icon buttons">
<button class="wojo button"><i class="bubble icon"></i></button>
<button class="wojo button"><i class="underline icon"></i></button>
<button class="wojo button"><i class="file icon"></i></button>
</div>