{
    "componentChunkName": "component---src-templates-doc-template-js",
    "path": "/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":"en","intl":{"language":"en","languages":["en","tr"],"messages":{"404.pagenotfound":"Page Not Found","404.emptyroute":"Oops! The page you are looking for has been changed or removed.","404.gotodocs":"Go To Docs","404.gotohome":"Go To Home","title":"Gralig CSS","description":"A modest, grayish CSS Library","summary":"Gralig is a modest, grayish CSS library. It can be starting point for your CSS development.","author":"@erenesto","keywords":"css, css library, clean css, grayish, frontend, ui, modest, pure, clean design, lightweight css","pages.404":"Error 404","pages.index":"Gralig CSS","pages.docs":"Gralig Documentation","sidenavLinks.docs.name":"Introduction","sidenavLinks.colors.name":"Colors","sidenavLinks.grid.name":"Grid","sidenavLinks.dark.name":"Dark Mode","sidenavLinks.vars.name":"Variables","sidenavLinks.responsive.name":"Responsive","sidenavLinks.utils.name":"Utils","sidenavLinks.typography.name":"Typography","sidenavLinks.button.name":"Button","sidenavLinks.form.name":"Form","sidenavLinks.custom-inputs.name":"Custom Inputs","sidenavLinks.checkbox.name":"Checkbox","sidenavLinks.radio.name":"Radio","sidenavLinks.switch.name":"Switch","sidenavLinks.nav.name":"Nav","sidenavLinks.navbar.name":"Navbar","sidenavLinks.footer.name":"Footer","sidenavLinks.breadcrumb.name":"Breadcrumb","sidenavLinks.card.name":"Card","sidenavLinks.alert.name":"Alert","sidenavLinks.list.name":"List","sidenavLinks.table.name":"Table","sidenavLinks.dropdown.name":"Dropdown","sidenavLinks.progress.name":"Progress","sidenavLinks.loading.name":"Loading","sidenavLinks.modal.name":"Modal","words.copy":"Copy","words.copied":"Copied!","words.docs":"Docs","words.builtwith":"Built with"},"routed":false,"originalPath":"/docs/modal","redirect":false,"defaultLanguage":"en"}}},
    "staticQueryHashes": ["63159454"]}