/slidev-theme-happy

A Happy theme for Slidev

Primary LanguageVueMIT LicenseMIT

slidev-theme-happy

NPM version

A Happy theme for Slidev.

Install

Add the following frontmatter to your slides.md. Start Slidev then it will prompt you to install the theme automatically.

---
theme: happy
---

Learn more about how to use a theme.

Theme Config

  • support logo config, logo size using QueryString syntax setting
themeConfig:
  logo: /node_modules/@slidev/client/assets/logo-title-horizontal.png?w-111px,h-40px

Layouts

This theme provides the following layouts:

Full full

Use all space to display content without any cropping

full

Customized end page

End page to add ['🌈', '⚡️', '💥', '🥳', '🎉', '✨'] effect

end

Components

This theme provides the following components:

KeepScale

keeping the scaling

<KeepScale class="h-400px w-868px">
  <img class="w-full h-full rounded-8px overflow-hidden" src="https://source.unsplash.com/collection/94734566/1920x1080" />
</KeepScale>

keep scale

Speech

text to speech

<Speech text="hello slidev" lang="en-US">
  <p>Hello Slidev</p>
</Speech>

speech

License

MIT.