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:

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

layoutsyntax

A syntax sugar for named slots in layouts.

Writing Layouts

📘 Writing Layouts

guide

Click to read this guide