When to use the badge ?
Badges are small components that can be use to bring a small information or a status about a parent element. They can change over time, but there is no idea of progression behind them - They are static components.
- For filterting a search
- To organize content
- To show a progression or represent a parent element that can easily change overtime. See State Indicator
Do / Don't
|
DO |
DON'T |
Use bagdes in order to provide a none active information. |
Use badged as a button.
|
|
DO |
DON'T |
Use badges to provide a static information at a given time. |
Use badge to show the progression or evolution of a status.
|