Skip to content

Slide Layout ​

Layouts in Slidev are used to define the structure for each slides. They are Vue components that wrap the content of the slides.

Using Layouts ​

To use a layout, you can specify it in the frontmatter of the slide:

md
---
layout: quote
---

A quote from someone

By default, the layout of the first slide is cover, and the rest are default.

The layouts are loaded in the following order, and the last one loaded will override the previous ones:

  1. default layouts. See Built-in Layouts.
  2. layouts provided by the theme
  3. layouts provided by the addons
  4. custom layouts in the layouts directory
See also:
✨ Slot Sugar for Layouts

Writing Layouts ​

📖 Writing Layouts

Released under the MIT License.