DSO Component Library

# Badge

WIP

- HTML
- View
- Context
- Info
- Notes
- WCAG

`

    <span class="badge">3</span>

`
`

    <span class="badge">{{ count }}</span>

`
`

    count: 3

`

- Handle: @badge
- Preview:
  - With layout
  - Component only
- Filesystem Path: components\04-indicators\_badge\badge.hbs
- Referenced by (8): @anchor, @anchor--download, @anchor--extern, @anchor--icon, @anchor--label, @anchor--iconlabel, @anchor--iconbadge, @anchor--iconlabelbadge

Een lege badge zal zichzelf verbergen dmv. `display: none` op de `:empty` psuedo selector

### WARNING: WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.BgImage

This element's text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.

`<span class="badge">3</span>`

### NOTICE: WCAG2AA.Principle2.Guideline2_4.2_4_2.H25.2

Check that the title element describes the document.

`<title>Default`