# `.dso-document-header`

Indien gewenst, zoals bij scrollen, kan een compacte `document-header` getoond worden.

Class `dso-document-header-sticky` zorgt voor een `display: sticky` op de `document-header`. In dat geval wordt ook alleen de titel (met chevron-up) getoond en de rest van de inhoud van de `document-header` verborgen. De chevron kan geplaatst worden door de titel te wrappen in een `<button type"button">`

### Varianten

- Gebruik de class `dso-variant-besluitversie` op de root om de `besluitversie` variant te tonen. Deze geeft een groene kleur aan de status balk en een groene border top aan de document-header.
- Gebruik de class `dso-variant-ontwerp` op de root om de `ontwerp` variant te tonen. Deze geeft een gele kleur aan de status balk en een gele border top aan de sticky document-header.