{
    "componentChunkName": "component---src-templates-doc-template-js",
    "path": "/tr/docs/modal",
    "result": {"data":{"current":{"fields":{"page":{"path":"/docs/modal","type":"docs","lang":"en","layout":"docs","versions":[{"lang":"en","title":"Modal","markdown":"\n<div class=\"gra-doc-s-wrapper\">\n\n[Open Modal](/docs/modal# 'Modal Button')\n\n</div>\n\n```html\n<a class=\"gra-btn\" href=\"#modal\">Open Modal</a>\n\n<!-- Modal -->\n<div id=\"modal\" class=\"gra-modal-wrapper\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal_title\">\n    <a class=\"gra-modal-overlay\" href=\"#\" aria-hidden=\"true\" data-dismiss=\"modal\"></a>\n    <div class=\"gra-modal\">\n      <div class=\"gra-modal-header\">\n        <h5 class=\"gra-modal-title\" id=\"modal_title\">\n          Modal Title\n        </h5>\n      </div>\n      <div class=\"gra-modal-body\">\n        Mollit ullamco incididunt consequat consequat consectetur. Ut excepteur ipsum cillum\n        eiusmod commodo sint occaecat esse et velit. Elit velit ad commodo ea sit nostrud qui.\n        Qui proident duis veniam quis aliquip exercitation adipisicing laboris ex.\n      </div>\n      <div class=\"gra-modal-footer\">\n        <div class=\"gra-modal-actions\">\n          <a class=\"gra-btn gra-btn-clear\" href=\"#\" data-dismiss=\"modal\">Close</a>\n          <button class=\"gra-btn\">Accept</button>\n        </div>\n      </div>\n    </div>\n  </div>\n```\n","mdtype":"MDHTML","section":"modal"},{"lang":"tr","title":"Açılır Pencere","markdown":"\n<div class=\"gra-doc-s-wrapper\">\n\n[Açılır Pencereyi Aç](/docs/modal# 'Açılır Pencere Buton')\n\n</div>\n\n```html\n<a class=\"gra-btn\" href=\"#modal\">Açılır Pencereyi Aç</a>\n\n<!-- Modal -->\n<div id=\"modal\" class=\"gra-modal-wrapper\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal_title\">\n    <a class=\"gra-modal-overlay\" href=\"#\" aria-hidden=\"true\" data-dismiss=\"modal\"></a>\n    <div class=\"gra-modal\">\n      <div class=\"gra-modal-header\">\n        <h5 class=\"gra-modal-title\" id=\"modal_title\">\n          Açılır Pencere Başlığı\n        </h5>\n      </div>\n      <div class=\"gra-modal-body\">\n        Mollit ullamco incididunt consequat consequat consectetur. Ut excepteur ipsum cillum\n        eiusmod commodo sint occaecat esse et velit. Elit velit ad commodo ea sit nostrud qui.\n        Qui proident duis veniam quis aliquip exercitation adipisicing laboris ex.\n      </div>\n      <div class=\"gra-modal-footer\">\n        <div class=\"gra-modal-actions\">\n          <a class=\"gra-btn gra-btn-clear\" href=\"#\" data-dismiss=\"modal\">Kapat</a>\n          <button class=\"gra-btn\">Onayla</button>\n        </div>\n      </div>\n    </div>\n  </div>\n```\n","mdtype":"MDHTML","section":"modal"}]}}},"site":{"siteMetadata":{"siteUrl":"https://gralig.netlify.app"}}},"pageContext":{"relativePath":"docs/modal/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/modal","redirect":false,"defaultLanguage":"en"}}},
    "staticQueryHashes": ["63159454"]}