UNPKG

ember-slimguide

Version:

A test for bottled-ember

1 lines 3.45 kB
{"data":{"type":"contents","id":"components/header","attributes":{"html":"<h1 id=\"globalheader\">Global Header</h1>\n<p>Shows the side wide header with the global navigation.</p>\n<pre><code class=\"html language-html\">&lt;header class=\"es-header\" role=\"banner\"&gt;\n &lt;nav class=\"es-navbar \" aria-label=\"Primary site navigation\"&gt;\n &lt;a class=\"navbar-brand-wrapper\" href=\"https://www.emberjs.com\"&gt;\n &lt;img class=\"navbar-brand\" src=\"/images/ember-logo.svg\" alt=\"home\" width=\"83\" height=\"40\"&gt;\n &lt;/a&gt;\n\n &lt;button class=\"navbar-toggler\" aria-expanded=\"false\" type=\"button\"&gt;\n Show Site Navigation\n &lt;/button&gt;\n\n &lt;ul class=\"navbar-list\"&gt;\n &lt;li class=\"navbar-list-item dropdown\"&gt;\n &lt;button class=\"navbar-list-item-dropdown-toggle \" aria-expanded=\"false\" type=\"button\"&gt;\n Docs\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\"navbar-list-item dropdown\"&gt;\n &lt;button class=\"navbar-list-item-dropdown-toggle \" aria-expanded=\"false\" type=\"button\"&gt;\n Releases\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\"navbar-list-item \"&gt;\n &lt;a class=\"navbar-list-item-link\" href=\"https://blog.emberjs.com\"&gt;\n Blog\n &lt;/a&gt;\n &lt;/li&gt;\n &lt;li class=\"navbar-list-item dropdown\"&gt;\n &lt;button class=\"navbar-list-item-dropdown-toggle \" aria-expanded=\"false\" type=\"button\"&gt;\n Community\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\"navbar-list-item dropdown\"&gt;\n &lt;button class=\"navbar-list-item-dropdown-toggle \" aria-expanded=\"false\" type=\"button\"&gt;\n About\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;/nav&gt;\n&lt;/header&gt;\n</code></pre>","content":"# Global Header\n\nShows the side wide header with the global navigation.\n\n```html\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```"}}}