shadcn-vue/api/_content/query/KW1YZXUc43.1688319276337.json

{"_path":"/api/layouts","_dir":"api","_draft":false,"_partial":false,"_locale":"","_empty":false,"title":"Layouts","description":"Docus provides multiple built-in layouts for displaying your Markdown pages.","body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"layouts"},"children":[{"type":"text","value":"Layouts"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Docus provides multiple built-in layouts for displaying your Markdown pages."}]},{"type":"element","tag":"h2","props":{"id":"default"},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"default"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The default layout for every page created in the project. This layout renders multiple section alongside the content:"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Aside navigation menu (togglable with "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"aside: false/true"}]},{"type":"text","value":")"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Page bottom section (togglable with "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"bottom: false/true"}]},{"type":"text","value":")"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Table of content (togglable with "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"toc: false/true"}]},{"type":"text","value":")"}]}]},{"type":"element","tag":"code","props":{"className":["language-md"],"code":"---\naside: true\nbottom: true\ntoc: false\n---\n\nYour awesome content\n","filename":"index.md","language":"md","meta":""},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"aside"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"true\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"bottom"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"true\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"toc"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"false\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"Your awesome content"}]}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Current page is live sample of default layout."}]},{"type":"element","tag":"h2","props":{"id":"page"},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"page"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"page"}]},{"type":"text","value":" layout is content focused layout. This layout does not render aside menu of table of contents."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This layout accept some configuration from content front-matter."}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"fluid"}]},{"type":"text","value":": By setting "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"fluid: true"}]},{"type":"text","value":" in content front-matter the content will be rendered in full width."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"constrainedClass"}]},{"type":"text","value":": Using this option you can modify layout container look. Like constraining layout width of changing the background."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"padded"}]},{"type":"text","value":": Setting "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"padded: true"}]},{"type":"text","value":" in front-matter will add horizontal padding in the layout."}]}]},{"type":"element","tag":"code","props":{"className":["language-md"],"code":"---\ntitle: Home\nlayout: page\nfluid: true\n---\n","filename":"index.md","language":"md","meta":""},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"title"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"Home\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"layout"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-667011"},"children":[{"type":"text","value":"page\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"class":"ct-238295"},"children":[{"type":"text","value":"fluid"}]},{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-998471"},"children":[{"type":"text","value":"true\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"class":"ct-935781"},"children":[{"type":"text","value":"---"}]}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Check "},{"type":"element","tag":"a","props":{"href":"/"},"children":[{"type":"text","value":"Home page"}]},{"type":"text","value":" as live sample of page layout"}]},{"type":"element","tag":"style","children":[{"type":"text","value":".dark .ct-935781{color:#C9D1D9;}\n.ct-935781{color:#24292F;}\n.dark .ct-238295{color:#7EE787;}\n.ct-238295{color:#116329;}\n.dark .ct-998471{color:#79C0FF;}\n.ct-998471{color:#0550AE;}\n.dark .ct-667011{color:#A5D6FF;}\n.ct-667011{color:#0A3069;}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"default","depth":2,"text":"default"},{"id":"page","depth":2,"text":"page"}]}},"_type":"markdown","_id":"content:2.api:3.layouts.md","_source":"content","_file":"2.api/3.layouts.md","_extension":"md"}