Header
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