search

nl-design-system / backlog

Central product backlog of the NL Design System.
European Union Public License 1.2
7 stars 1 forks source link

Data badge #94

Open usethetics opened 3 years ago

usethetics commented 3 years ago

A data-badge draws attention and can for instance be used to indicate a category. Can be enriched with different colours according to the project or organisation it is used in.

For example the community or hall-of-fame badge for NL Design System that used the same colours as the tiers in the estafette-model visualisation.

6 can be seen as a pre-set of the data-badge

When to use

For text-badges which do not belong in a status group.

When not to use

For text-badges that belong in a status-group for example "approved", "submitted", "more-info-needed", "denied" could be seen as success, neutral, warning, error and so "submitted" is not a data-badge. Use #6 Status Badge instead.

Don't use it for displaying message-count etc. use #7 Counter Badge instead

usethetics commented 3 years ago

Example of a status-badge www dso-toolkit nl_11 3 0_components_detail_badge html DSO Toolkit badge

usethetics commented 3 years ago

Example of counter-badges Den Haag: image

usethetics commented 3 years ago

Tags gemeente Den Haag: image