A badge indicates the status of an entity and can evolve at any time.
The badge component is available in 5 states. Each state corresponds with a defined status.
|Information||New, To review, Draft|
|Success||Validated, Online status|
|Warning||Non-critical error, Incomplete task, Required action|
|Danger||Critical error, Invalid data, Offline status, Rejected task, Recently cancelled|
|Neutral||Archived, Disabled, Draft, Long ago cancelled|
Depending on the context, Draft status can use the
neutral colour theme.
States should be easy to read and defined by a generic word. If you have to give more information, don't hesitate to accompany badges with icon tooltip or trigger a modal with components like a button, link, icon, etc.