Section Layout
The section layout can be used to break your presentation into multiple parts. Internally, it is using the image layout and thus can utilize all of its arguments.
| Name | Type | Description | Default |
|---|---|---|---|
| number | Number | Section number | |
| color | String | Background color |
default $slidev-theme-primary │ minimal undefined |
| color-opacity | Number | Opacity of the background color | 0.75 if image else 1 |
| image | String | Background image (can be local file or URL) | |
| image-opacity | Number | Opacity of the background image | 1 |
| image-filter | String | CSS filter for the image | |
| image-transform | String | CSS transform for the image |
/
Default
|
|
---
layout: section
---
# Section Title
--- |
Minimal
|
|
<!-- Set `style: minimal` in the top frontmatter -->
---
layout: section
---
# Section Title
--- |
Numbered
|
|
---
layout: section
number: 1
image: https://images.unsplash.com/...
---
# Section Title
--- |
Numbered Minimal
|
|
<!-- Set `style: minimal` in the top frontmatter -->
---
layout: section
number: 8
---
# Section Title
--- |
