Use the preview shortcode to render a labeled “Preview” box around any content. It has no parameters — place any shortcodes or Markdown inside it.

Usage

{{< preview >}}
{{< callout "info" >}}
This is rendered inside a preview box.
{{< /callout >}}
{{< /preview >}}

Pair it with a code block immediately after to show both the live output and the source:

{{< preview >}}
{{< callout "info" >}}
This is rendered inside a preview box.
{{< /callout >}}
{{< /preview >}}

```go-html-template
{{< callout "info" >}}
This is rendered inside a preview box.
{{< /callout >}}
```

Example

Preview
Preview
This card is rendered live inside the preview box.
{{< preview >}}
{{< card title="Preview" icon="eye" color="blue" >}}
This card is rendered live inside the preview box.
{{< /card >}}
{{< /preview >}}