Nuxt/docs/content/4.examples/4.routing/layouts.md

---
title: "Layouts"
description: "This example shows how to define default and custom layouts."
toc: false
---

::ReadMore{link="/guide/directory-structure/layouts"}
::

::sandbox{repo="nuxt/framework" branch="main" dir="examples/routing/layouts" file="pages/index.vue"}
::
docs(examples): add examples to docs (#3966) Co-authored-by: Pooya Parsa <pyapar@gmail.com> 2022-03-30 15:59:28 +00:00			`---`
docs: use nuxt 3 and website theme (#5479) Co-authored-by: Daniel Roe <daniel@roe.dev> Co-authored-by: Sébastien Chopin <seb@nuxtjs.com> Co-authored-by: Pooya Parsa <pooya@pi0.io> Co-authored-by: pooya parsa <pyapar@gmail.com> Co-authored-by: Clément Ollivier <clement.o2p@gmail.com> 2022-10-06 09:15:30 +00:00			`title: "Layouts"`
			`description: "This example shows how to define default and custom layouts."`
			`toc: false`
docs(examples): add examples to docs (#3966) Co-authored-by: Pooya Parsa <pyapar@gmail.com> 2022-03-30 15:59:28 +00:00			`---`

docs: update sitemap (#4063) Co-authored-by: Sébastien Chopin <seb@nuxtjs.com> Co-authored-by: pooya parsa <pyapar@gmail.com> 2022-04-06 05:56:08 +00:00			`::ReadMore{link="/guide/directory-structure/layouts"}`
docs(examples): add examples to docs (#3966) Co-authored-by: Pooya Parsa <pyapar@gmail.com> 2022-03-30 15:59:28 +00:00			`::`

			`::sandbox{repo="nuxt/framework" branch="main" dir="examples/routing/layouts" file="pages/index.vue"}`
docs: use nuxt 3 and website theme (#5479) Co-authored-by: Daniel Roe <daniel@roe.dev> Co-authored-by: Sébastien Chopin <seb@nuxtjs.com> Co-authored-by: Pooya Parsa <pooya@pi0.io> Co-authored-by: pooya parsa <pyapar@gmail.com> Co-authored-by: Clément Ollivier <clement.o2p@gmail.com> 2022-10-06 09:15:30 +00:00			`::`