Inline Elements



Badges

Badges can be used to display a digit of new or unread items to the user. For example how many unread notifications the user has.

1 2 3 4 5 6


Badges can be displayed outside a button by adding the .with-badge to class button. On buttons with .btn-pure the badge will display on the top right corner of the text or icon.




Labels

Labels can be used to emphasize content with text.

NEW NEW NEW NEW NEW NEW


Use the .label-outline class for outlined styles

NEW NEW NEW NEW NEW NEW



Status

Use the .status class to indicate a status



Apply various sizings using the sizing classes .status-xs, .status-sm, .status-lg, .status-xl.




Carets

Carets can be used to show the user that a button or any other content will either dropdown or dropup. You can use them wherever you like but here's an example in a button.