Labels
Why and how to use this component
Allows the user to see an highlighted element or to indicate a status to the user.
Label types
| Status | Variant | Colour |
|---|---|---|
| Upcoming | upcoming | EC yellow 25 |
| Open / Highlight | open | EC yellow 100 |
| Closed | close | EC grey 15 |
When to use this component
- on the top of the listing component, close to the meta information
Do not use this component
- if you are not using a listing component
- with long sentences
- with smaller case letters. Labels are always in uppercase letters