> For the complete documentation index, see [llms.txt](https://docs.mechcloud.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.mechcloud.io/dashboard-builder/custom-components/layout.md).

# Layout

A layout is a vuejs component responsible for rendering a layout (e.g. two columns) which is common across a number of pages of a site.

A layout can be assigned to one or more labels where child nodes under all such labels are required to have same layout. All top level site nodes (**Administration, Infrastructure, Chatbots and Site Builder**) in the MechCloud portal application shared a layout which is two columns layout.

A layout uses `<mc-render-node />` tag as a placeholder to render the content of a site node under a label similar to how a frame uses this tag to render the content of a page.&#x20;