Components » Button

Button

View original file

Lorem ipsum Amet adipisicing aliqua labore irure in ut culpa pariatur pariatur minim ut commodo in ullamco proident est aliqua enim velit irure consequat nostrud qui magna esse laborum reprehenderit nisi eiusmod aute dolor ut reprehenderit sit in ut sunt sint.

  • Lorem ipsum Amet adipisicing aliqua labore irure in ut culpa pariatur pariatur minim ut commodo in ullamco proident est aliqua enim velit irure consequat nostrud qui magna esse laborum reprehenderit nisi eiusmod aute dolor ut reprehenderit sit in ut sunt sint.
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet
    • Lorem ipsum dolor sit amet

Lorem ipsum Qui nostrud esse amet in cupidatat Ut Duis officia esse fugiat laboris Duis ut ea velit incididunt irure est Ut culpa cupidatat officia magna qui exercitation amet in mollit dolore ad exercitation anim minim ut sit aute veniam quis Duis.

 <a class="Btn {{classes}}"><span>Button</span></a>
 <a class="Btn {{classes}}"><span>Button</span></a>
 <a class="Btn {{classes}}"><span>Button</span></a>

Lorem ipsum Qui nostrud esse amet in cupidatat Ut Duis officia esse fugiat laboris Duis ut ea velit incididunt irure est Ut culpa cupidatat officia magna qui exercitation amet in mollit dolore ad exercitation anim minim ut sit aute veniam quis Duis.

Preview

Markup

<a class="Btn ">
    <span>Button</span>
</a>

States

  • :hover
  • :active
  • .js-isActive

    Lorem ipsum dolor sit amet

  • .js-isLoading

    Lorem ipsum dolor sit amet

Modifiers

  • .Btn--success

    Lorem ipsum dolor sit amet

  • .Btn--cancel

    Lorem ipsum dolor sit amet