Demo Container Change
Overview
Sometimes you may need to supplement your content with examples but want them to be presented separately from other content. The theme supports adding demo containers in Markdown files.
Syntax
::: window
Add your demo here
:::Options
title="xxx": Titleheight="200px": Heightgap="20px": Left and right padding
Examples
Containing only images:
::: window
:::Output:
Containing markdown syntax:
::: window title="Title"
### Level 3 Heading
This is content inside the demo container.
:::Output:
Title
Level 3 Heading
This is content inside the demo container.
Containing HTML/Vue code:
::: window
<h2 class="your-demo-title">This is a heading</h2>
<p class="your-demo-paragraph">This is a paragraph</p>
<style>
.your-demo-title {
color: red;
}
.your-demo-paragraph {
color: blue;
}
</style>
:::Output:
This is a heading
This is a paragraph
