Header

Headers are used to render consistent Lumen branded headers.
  • Examples
  • Properties
  • Accessibility

Examples

To use headers, apply the class chi-header to <header> and wrap all content in chi-header__content. Use chi-header__start to position elements at the start of the header and chi-header__end to position elements at the end of the header.

Responsiveness

By default, all content stored in headers will render in drawer components when the viewport is too small to accommodate.

Web Component

Properties

Web component coming soon

Accessibility

Accessibility guidelines coming soon