AppKit

Other UI Elements

Default

Large

Small

Total Items: [[ ctrl.totalItems ]]

Current Page: [[ ctrl.currentPage ]]

Default

Default
Primary
Success
Info
Warning
Danger

Custom

NEW
LOW
NORMAL
HIGH
CRITICAL

Default

Circle

Tooltips

Popovers

Data Binding

Tooltip Text: Popover Text:

Data Binding

Saved? [[ saved ? "Yes" : "No" ]]

Basic

[[ progress ]]%

Striped

[[ progress ]]%

Data Binding

Progress:

Stacked

Basic With Badges

14Cras justo odio
62Dapibus ac facilisis in
34Morbi leo risus
21Porta ac consectetur ac
23Vestibulum at eros

Linked Items

Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac Vestibulum at eros

Contextual Classes

Dapibus ac facilisis in
Cras sit amet nibh libero
Porta ac consectetur ac
Vestibulum at eros

Dapibus ac facilisis in Cras sit amet nibh libero Porta ac consectetur ac Vestibulum at eros

Custom Content

List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

AppKit

Other UI Elements

Default

Large

Small

Default

Default

Custom

Default

Circle

Tooltips

Popovers

Data Binding

Data Binding

Basic

Striped

Data Binding

Stacked

Basic With Badges

Linked Items

Contextual Classes

Custom Content

List group item heading

List group item heading

List group item heading

Activities

Choose Colour

Toggles