{
    "componentChunkName": "component---src-templates-doc-template-js",
    "path": "/tr/docs/navbar",
    "result": {"data":{"current":{"fields":{"page":{"path":"/docs/navbar","type":"docs","lang":"en","layout":"docs","versions":[{"lang":"en","title":"Navbar","markdown":"\nA simple horizontal navigation bar.\n\n<div class=\"gra-doc-s-wrapper\">\n\n  <header class=\"gra-navbar\">\n<div class=\"gra-container\">\n<div class=\"gra-navbar-logo\">\n\n[<img class=\"gra-navbar-logo-img\" src=\"https://res.cloudinary.com/erenesto/image/upload/v1587055102/wdrsnzjfdlxvv2vvfspx.svg\" alt=\"\" />](/docs/navbar/# 'NavbarLogoLink')\n\n</div>\n<div class=\"gra-navbar-content\">\n<nav>\n<ul class=\"gra-nav\">\n<li class=\"gra-nav-item\">\n\n[Home](/docs/nav/# 'NavLink')\n\n</li>\n<li class=\"gra-nav-item\">\n\n[About](/docs/nav/# 'NavLink')\n\n</li>\n<li class=\"gra-nav-item\">\n\n[Contact](/docs/nav/# 'NavLinkCurrent')\n\n</li>\n<li class=\"gra-nav-item\">\n\n[Works](/docs/nav/# 'NavLink')\n\n</li>\n</ul>\n</nav>\n      </div>\n    </div>\n  </header>\n\n</div>\n\n```html\n<header class=\"gra-navbar\">\n  <div class=\"gra-container\">\n    <div class=\"gra-navbar-logo\">\n      <a class=\"gra-navbar-logo-link\" href=\"#\">\n        <img class=\"gra-navbar-logo-img\" src=\"assets/gralig-logo.svg\" alt=\"\" />\n      </a>\n    </div>\n    <div class=\"gra-navbar-content\">\n      <nav>\n        <ul class=\"gra-nav\">\n          <li class=\"gra-nav-item\">\n            <a class=\"gra-nav-link\" href=\"#\">Home</a>\n          </li>\n          <li class=\"gra-nav-item\">\n            <a class=\"gra-nav-link\" href=\"#\">About</a>\n          </li>\n          <li class=\"gra-nav-item\">\n            <a class=\"gra-nav-link current\" href=\"#\" aria-current=\"page\">Contact</a>\n          </li>\n          <li class=\"gra-nav-item\">\n            <a class=\"gra-nav-link\" href=\"#\">Works</a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>\n```","mdtype":"MDHTML","section":"navbar"},{"lang":"tr","title":"Navigasyon Barı","markdown":"\nBasit yatay navigasyon barı.\n\n<div class=\"gra-doc-s-wrapper\">\n\n  <header class=\"gra-navbar\">\n<div class=\"gra-container\">\n<div class=\"gra-navbar-logo\">\n\n[<img class=\"gra-navbar-logo-img\" src=\"https://res.cloudinary.com/erenesto/image/upload/v1587055102/wdrsnzjfdlxvv2vvfspx.svg\" alt=\"\" />](/docs/navbar/# 'NavbarLogoLink')\n\n</div>\n<div class=\"gra-navbar-content\">\n<nav>\n<ul class=\"gra-nav\">\n<li class=\"gra-nav-item\">\n\n[Ana Sayfa](/docs/nav/# 'NavLink')\n\n</li>\n<li class=\"gra-nav-item\">\n\n[Hakkımızda](/docs/nav/# 'NavLink')\n\n</li>\n<li class=\"gra-nav-item\">\n\n[İletişim](/docs/nav/# 'NavLinkCurrent')\n\n</li>\n<li class=\"gra-nav-item\">\n\n[Çalışmalar](/docs/nav/# 'NavLink')\n\n</li>\n</ul>\n</nav>\n      </div>\n    </div>\n  </header>\n\n</div>\n\n```html\n<header class=\"gra-navbar\">\n  <div class=\"gra-container\">\n    <div class=\"gra-navbar-logo\">\n      <a class=\"gra-navbar-logo-link\" href=\"#\">\n        <img class=\"gra-navbar-logo-img\" src=\"assets/gralig-logo.svg\" alt=\"\" />\n      </a>\n    </div>\n    <div class=\"gra-navbar-content\">\n      <nav>\n        <ul class=\"gra-nav\">\n          <li class=\"gra-nav-item\">\n            <a class=\"gra-nav-link\" href=\"#\">Ana Sayfa</a>\n          </li>\n          <li class=\"gra-nav-item\">\n            <a class=\"gra-nav-link\" href=\"#\">Hakkımızda</a>\n          </li>\n          <li class=\"gra-nav-item\">\n            <a class=\"gra-nav-link current\" href=\"#\" aria-current=\"page\">İletişim</a>\n          </li>\n          <li class=\"gra-nav-item\">\n            <a class=\"gra-nav-link\" href=\"#\">Çalışmalar</a>\n          </li>\n        </ul>\n      </nav>\n    </div>\n  </div>\n</header>\n```","mdtype":"MDHTML","section":"navbar"}]}}},"site":{"siteMetadata":{"siteUrl":"https://gralig.netlify.app"}}},"pageContext":{"relativePath":"docs/navbar/en.md","language":"tr","intl":{"language":"tr","languages":["en","tr"],"messages":{"404.pagenotfound":"Sayfa Bulunamadı","404.emptyroute":"Aradığınız sayfa muhtemelen değiştirildi ya da kaldırıldı.","404.gotodocs":"Dökümanlara Dön","404.gotohome":"Ana Sayfaya Dön","title":"Gralig CSS","description":"Sade, grimsi CSS Kütüphanesi","summary":"Gralig sade, gri tonlu bir CSS kütüphanesi. Bu kütüphaneyi başlangıç yardımcınız olarak kullanabilirsiniz.","author":"@erenesto","keywords":"css, css kütüphanesi, frontend, ui, tasarım, gri, basit css","pages.404":"Hata 404","pages.index":"Gralig CSS","pages.docs":"Gralig Dökümantasyonu","sidenavLinks.docs.name":"Giriş","sidenavLinks.colors.name":"Renkler","sidenavLinks.grid.name":"Izgara(Grid)","sidenavLinks.dark.name":"Karanlık Mod","sidenavLinks.vars.name":"Değişkenler","sidenavLinks.responsive.name":"Mobil Uyumluluk","sidenavLinks.utils.name":"Yardımcılar","sidenavLinks.typography.name":"Tipografi","sidenavLinks.button.name":"Buton","sidenavLinks.form.name":"Form","sidenavLinks.custom-inputs.name":"Özel Inputlar","sidenavLinks.checkbox.name":"Onay Butonu","sidenavLinks.radio.name":"Radyo Buton","sidenavLinks.switch.name":"Anahtar","sidenavLinks.nav.name":"Navigasyon","sidenavLinks.navbar.name":"Navigasyon Barı","sidenavLinks.footer.name":"Altbilgi Barı","sidenavLinks.breadcrumb.name":"Gezinti Menüsü","sidenavLinks.card.name":"Kart","sidenavLinks.alert.name":"Uyarı","sidenavLinks.list.name":"Liste","sidenavLinks.table.name":"Tablo","sidenavLinks.dropdown.name":"Açılır Liste","sidenavLinks.progress.name":"İlerleme","sidenavLinks.loading.name":"Bekleme","sidenavLinks.modal.name":"Açılır Pencere","words.copy":"Kopyala","words.copied":"Kopyalandı!","words.docs":"Döküman","words.builtwith":"ile yapıldı."},"routed":true,"originalPath":"/docs/navbar","redirect":false,"defaultLanguage":"en"}}},
    "staticQueryHashes": ["63159454"]}