{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-docs-realm.sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":[]},"redocly_category":"Realm","type":"markdown"},"seo":{"title":"layout","description":"OpenAPI-generated documentation tool with 24k+ stars on Github - make APIs your company's superpower.","siteUrl":"https://redocly.com","image":"/assets/redocly-card.f670aae34a39545a5ea633a540cb3a4a333a1f23bb2ed3c4a1b17a5fbcf0ac85.db81178d.png","lang":"en-US"},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"layout","__idx":0},"children":[{"$$mdtype":"Tag","name":"code","attributes":{},"children":["layout"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Controls the layout of the API docs page, affecting how the panels are displayed."," ","The default value is ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["three-panel"]}," which uses the default layout with the sidebar, middle panel, and right panel with code samples."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Set the value to ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["stacked"]}," to move the entire right panel into the middle panel."," ","The ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["stacked"]}," layout is identical to the layout activated by selecting the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Change View"]}," button on the API documentation page."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["layout"]}," option is a string that sets the layout of the API documentation page."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"options","__idx":1},"children":["Options"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Option"},"children":["Option"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Type"},"children":["Type"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Description"},"children":["Description"]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["layout"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["string"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Controls the layout of the API docs page."," ","Possible values: ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["three-panel"]}," or ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["stacked"]},"."," ","Default: ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["three-panel"]},"."]}]}]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"examples","__idx":2},"children":["Examples"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The following example configures the layout for the API documentation page to be set to ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["stacked"]},":"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"yaml","data-title":"redocly.yaml","header":{"title":"redocly.yaml","controls":{"copy":{}}},"source":"asyncapi:\n  layout: 'stacked'\n","lang":"yaml"},"children":[]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The following example configures the layout for the API documentation page to be set to ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["three-panel"]},":"]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"yaml","data-title":"redocly.yaml","header":{"title":"redocly.yaml","controls":{"copy":{}}},"source":"asyncapi:\n  layout: 'three-panel'\n","lang":"yaml"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"resources","__idx":3},"children":["Resources"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/docs/realm/config/asyncapi"},"children":["AsyncAPI configuration"]}]}," - Complete guide to AsyncAPI configuration options for customizing API reference documentation"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"https://www.asyncapi.com/docs/reference/specification/latest"},"children":["AsyncAPI Specification"]}]}," - Official AsyncAPI Specification documentation for understanding event-driven API description standards"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/docs/realm/config"},"children":["Configuration options"]}]}," - Explore other project configuration options for comprehensive documentation customization"]}]}]},"headings":[{"value":"layout","id":"layout","depth":1},{"value":"Options","id":"options","depth":2},{"value":"Examples","id":"examples","depth":2},{"value":"Resources","id":"resources","depth":2}],"frontmatter":{"products":["Redoc","Realm"],"plans":["Pro","Enterprise","Enterprise+"],"seo":{"title":"layout"}},"lastModified":"2026-08-14T15:19:45.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/docs/realm/config/asyncapi/layout","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}