As themes may override layouts behaviour, the best way to know exactly the usage, parameters and examples is referring their documentation.
Displays the content in the middle of the sreen.
Used to display the cover page for the presentation, may contain the presentation title, contextualization, etc.
The most baisc layout, to display any kind of content.
The final page for the presentation.
To show some fact or data with a lot of prominence on the screen.
Use all the space of the screen to display the content.
Shows an image on the left side of the screen, the content will be placed on the right side.
--- layout: image-left # the image source image: ./path/to/the/image # a custom class name to the content class: my-cool-content-on-the-right ---
Shows an image on the right side of the screen, the content will be placed on the left side.
--- layout: image-right # the image source image: ./path/to/the/image # a custom class name to the content class: my-cool-content-on-the-left ---
Shows an image as the main content of the page.
--- layout: image # the image source image: ./path/to/the/image ---
To introduce the presentation, usually with the presentation title, a short description, the author, etc.
A layout without any existent styling.
To display a quotation with prominience.
Used to mark the beginning of a new presentation section.
Make an affirmation/statement as the main page content.
Separates the page content in two columns.
--- layout: two-cols --- # Left This shows on the left ::right:: # Right This shows on the right
Create a directory
layouts/ under your project root, and simply put your custom Vue layout components under it.
Read more in the Customization section.
Themes can provide layouts or override existing ones. Please read their documentation for what they have provided.