App Studio

Version 4.2
How To
Documentation
    Learn More

      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>