Buttons

SKY UX uses a mix of Bootstrap and custom button classes, but it provides fewer button classes than Bootstrap.

Usage

The primary button triggers the most important or most frequently used action on a page. As a general rule, you should only include one primary button per page to ensure that it draws user attention.

Code
<button type="button" class="btn btn-primary">Primary</button>
Usage

Secondary buttons trigger less important or less frequently used actions. Since secondary buttons are less important than primary buttons, SKY UX reduces the visual weight to make them noticeable but not attention-drawing.

Code
<button type="button" class="btn bb-btn-secondary">Secondary</button>
Usage

Link buttons can trigger actions that take users to other pages. They can also trigger actions that end tasks or exit modals. For example, you can use this option to create a Cancel button.

Code
<button type="button" class="btn btn-link">Link button</button>
Usage

Inline link buttons trigger the same type of actions as link buttons, but the styling is altered so that the buttons fit inline.

Code
<button type="button" class="btn bb-btn-link-inline">Inline link</button>