{"data":{"type":"contents","id":"components/header","attributes":{"html":"

Global Header

\n

Shows the side wide header with the global navigation.

\n
<header class=\"es-header\" role=\"banner\">\n  <nav class=\"es-navbar \" aria-label=\"Primary site navigation\">\n    <a class=\"navbar-brand-wrapper\" href=\"https://www.emberjs.com\">\n      <img class=\"navbar-brand\" src=\"/images/ember-logo.svg\" alt=\"home\" width=\"83\" height=\"40\">\n    </a>\n\n    <button class=\"navbar-toggler\" aria-expanded=\"false\" type=\"button\">\n      Show Site Navigation\n    </button>\n\n    <ul class=\"navbar-list\">\n      <li class=\"navbar-list-item dropdown\">\n        <button class=\"navbar-list-item-dropdown-toggle \" aria-expanded=\"false\" type=\"button\">\n          Docs\n        </button>\n      </li>\n      <li class=\"navbar-list-item dropdown\">\n        <button class=\"navbar-list-item-dropdown-toggle \" aria-expanded=\"false\" type=\"button\">\n          Releases\n        </button>\n      </li>\n      <li class=\"navbar-list-item \">\n        <a class=\"navbar-list-item-link\" href=\"https://blog.emberjs.com\">\n          Blog\n        </a>\n      </li>\n      <li class=\"navbar-list-item dropdown\">\n        <button class=\"navbar-list-item-dropdown-toggle \" aria-expanded=\"false\" type=\"button\">\n          Community\n        </button>\n      </li>\n      <li class=\"navbar-list-item dropdown\">\n        <button class=\"navbar-list-item-dropdown-toggle \" aria-expanded=\"false\" type=\"button\">\n          About\n        </button>\n      </li>\n    </ul>\n\n  </nav>\n</header>\n
","content":"# Global Header\n\nShows the side wide header with the global navigation.\n\n```html\n
\n \n
\n```"}}}