Button

Default

Standard Button

Example
<button styling="button">Follow</button>
                

Secondary

Button can be primary and secondary

Example
<button styling="button">Okay</button>
<button styling="button button-secondary">Cancel</button>
                

Icon

Can be only icon

Example
<button styling="button">
  <widget:icon icon="heart"></widget:icon>
</button>
                

With Icon

It can include icon

Example
<button styling="button">
  <widget:icon icon="head"></widget:icon>
    Profile
</button>
                

Disabled

Example
<button styling="disabled button">
    <i class="icon icon-head"></i>
    Disabled
</button>
                

Size

Button are in different sizes

Example
<button styling="xs button">Extra Small</button>
<button styling="sm button">Small</button>
<button styling="md button">Medium</button>
<button styling="lg button">Large</button>
<button styling="xl button">Extra Large</button>
                

Floated

Button can float to left or right

Example
<button styling="button pull-right">Right Floated</button>
<button styling="button pull-left">Left Floated</button>