Product Selector

Fusion 5.9
    Fusion 5.9

    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>

    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>