Layout

A layout is the top component that wraps a page

It's also known as the root component because it returns the entire document including the root <html> tag.

Built-in List

  • Holy
  • Hamburger
  • Landing
  • None: No layout applied, your page should return the html root element

How to set a layout

You can set the layout by giving its name in the layout frontmatter property

Example:

markdown
---
layout: holy
---
javascript
export const frontmatter = {
    layout: 'holy'
}

How to create a layout

See How to create a layout