Buttons are a convenient tool when it comes to more traditional actions. To that end, Suit has a lot of easy to use button styles that you can customize or override to fit your needs.
You can create a button using minimal markup.
You can also use
Additional classes can be added to your component to change its appearance.
<!-- Size Classes --> <a href="#" class="button [tiny small large]">Default Button</a>
<!-- Disabled Class --> <a href="#" class="button disabled">Disabled Button</a>
<!-- Expand Class --> <a href="#" class="button expand">Expanded Button</a>
Call To Action Buttons
Call to action buttons are elements that associate an action or behavior with a button click. Coupled with a graphic element, a call to action button strengthens the engagement a user has with our interfaces.
The structure of a call to action button is simple. There are two steps:
- Add the 'cta' class to a
- Define a span element with the class of a font icon inside of the button element.
NOTE: The call to action pattern will not work on input elements such as the submit button of a form.
Additional classes can be added to your call to action buttons to change their appearance. All the classes that are available to buttons are available here.