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

---
toc: false
---

# Layouts

This example shows how to define default and custom layouts.

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

::sandbox{repo="nuxt/nuxt" 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			`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: improve examples content 2022-11-08 17:03:18 +00:00			`# Layouts`

			`This example shows how to define default and custom layouts.`

docs: fix broken links in examples (#9119) 2022-11-17 12:09:43 +00:00			`::ReadMore{link="/docs/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			`::`

chore: update internal repo/issue links to use`nuxt/nuxt` 2023-01-19 19:37:07 +00:00			`::sandbox{repo="nuxt/nuxt" 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			`::`