Information This site is moving

The Pattern Library is moving to its new home on the Summit design system site.

Go to the Summit site
Pattern Library (ver. 1.5)

Note

This page is archived under version 1.5 and is available for reference purposes only. The latest version of Pattern Library is 2.

Application header

The following header contains the application’s title. View more header configurations.

Application title

Code


<body class="coc-pl coc-pl-app">
    ...

    <header id="coc-header" class="cui coc-header">
        <a href="#update-page-link" id="coc-logo" class="coc-logo">
            <img src="../img/simplify-logo/coc-logo-simplify.svg" alt="Return to the home page" id="coc-logo-mobile" class="no-print">
            <img src="../img/coc-logo.svg" alt="Return to the home page" id="coc-logo-desktop">
        </a>
        <span class="app-title">Application title</span>
    </header>

    ...
</body>