Slide Layout

Layouts in Slidev are used to define the structure for each slide. 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:

---
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