Components in Slides

One of the most powerful features of Slidev is the ability to use Vue components directly in your slides. This allows you to create interactive and dynamic content with ease.

Using Components {#use}

With the help of unplugin-vue-components, Slidev allows you to use Vue components directly in your slides without importing them manually:

# My Slide

<MyComponent :count="4"/>

The components come from:

• Built-in components. See Built-in Components for reference.
• Provided by the theme and addons. See <LinkInline link="guide/theme-addon" />.
• Custom components in the components directory. See the next section.

Writing Components {#write}

To create a custom component, simply create a new Vue file in the components directory:

your-slidev/
  ├── ...
  ├── slides.md
  └── components/
      ├── ...
      └── MyComponent.vue

Refer to the Vue documentation for how to write Vue components.

You can also <LinkInline link="guide/write-addon" /> to reuse and share your components with others.