0.0.3 • Published 8 months ago
slidev-theme-csscade v0.0.3
slidev-theme-csscade
A Csscade theme for Slidev.
run npm run dev
to check out the example slides for more details of how to start writing a presentation
Live demo: https://csscade.github.io/slidev-theme-csscade
Dark | Light |
---|---|
![]() | ![]() |
![]() | ![]() |
Install
Add the following frontmatter to your slides.md
. Start Slidev then it will prompt you to install the theme automatically.
Learn more about how to use a theme.
Layouts
This theme provides the following layouts:
- center
- cover
- default
- end
- fact
- full
- iframe-left
- iframe-right
- iframe
- image-left
- image-right
- image
- intro
- none
- quote
- screenshot
- section
- six-cell-header
- statement
- three-cols-header
- three-cols
- three-rows
- two-cols-header
- two-cols
Components
This theme provides the following components:
- big-concept
- slides-current-number
- title-number
- watermark
Contributing
npm install
npm run dev
to start theme preview ofexample.md
- Edit the
example.md
and style to see the changes npm run format
to format the code and fix lint errorsnpm run export
to generate the preview PDFnpm run screenshot
to generate the preview PNG