Tokens
Tokens summarise details about an object, usually used in headers for meta information.
Token group
.token-group for rows of tokens. Scrolls horizontally on smaller screens.
Back
Customer
Job
Token sizes / Meta tokens?
Large token
token token--lrg
Token
token
Small token
token token--sml
Colours / Status tokens?
Green token
.token.token--green
Green border token
.token.token--border-green
Orange token
.token.token--orange-1
Orange border token
.token.token--border-orange-1
Purple token
.token.token--purple-1
Purple border token
.token.token--border-purple-1
Blue token
.token.token--blue-1
Blue border token
.token.token--border-blue-1
Tokens with dropdown/action menu…
Tokens with icons…
£1,000
Customer
Job