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.
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.
Use the .label-outline
class for outlined styles
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.