Button options

 All options are not mandatory

<Button
  kind='button'; //link, button, dropdown
  type='button'; //button, submit, reset
  icon="fa-eye-slash"  //Fontawesome icon name
  className="flex-item" //if You want to add a custom class
  style="light" // light, warning, light-warning, cta, primary
  size='big'; //small, big
  link='/test'; //some url if You want to button be a link
>Preview</Button>

Button type dropdown


<Button
  kind="dropdown"
  style="light"
  icon="fa-calendar-check"
  link="/test"
>
  test
  <ul class="btn-group--dropdown-menu nav-list hoverable-links" slot="dropdown">
    <li><i class="fa-light fa-check"></i>Save and publish</li>
    <li><i class="fa-light fa-calendar-check"></i>Advanced publish</li>
    <li class="nav-list--divide"><i class="fa-light fa-recycle"></i>Save as template</li>
    <li><i class="fa-light fa-loader"></i>Load template</li>
    <li class="nav-list--divide"><i class="fa-light fa-eye-slash"></i>Unpublish</li>
  </ul>
</Button>