This site describes our support for the AngularJS (1.x) framework. Visit developer.blackbaud.com/skyux for information on our latest version.

Labels

SKY UX uses the Bootstrap conventions for labels to convey status, but it only uses four of the Bootstrap classes.

Success
Usage

The success label indicates a good status such as the completion of a process.

Code
<span class="label label-success">Success</span>
Info
Usage

The info label indicates a neutral status. It can highlight information that does not have good or bad implications.

Code
<span class="label label-info">Info</span>
Warning
Usage

The warning label indicates that something may be wrong and that users should take a deeper look.

Code
<span class="label label-warning">Warning</span>
Danger
Usage

The danger label indicates that something is very wrong and that users should take action.

Code
<span class="label label-danger">Danger</span>