Window Container
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
:::Props
Title
Height
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
