The header component is critical as it visually establishes for the user what digital space they find themselves in. It is always placed at the top of every page on a site and may contain any combination of the corporate logosite/application title, search box, and menu elements/components.

Component data

Component resources:
SCSS files l coc.nav.jsutil.js | modal.jscoc.animations.js

Functional grouping: Structure and layout


Configure: select the dropdowns below to display the variety of options that a header supports.

Microsite title



Responsive preview


Ensure the logo links back to the site's homepage.