Fullscreen examples

Examples can run in fullscreen mode by using the fullscreen tag. Currently supported languages is:

  • html
  • vue
```html fullscreen
<p>Lorem ipsum</p>
```

This will render the following:

Lorem ipsum

Helskärm

Template

The template/example.template.html file can be overridden to wrap the examples in additional elements, e.g:

<main>
    <h1>Awesome Heading</h1>
    <div>{{ content }}</div>
</main>

would wrap the example in a <main> tag and add a <h1> heading above it. Do note that these changes will only be present in fullscreen mode, not when rendering inline on the markdown page.

Esc för att stänga Pil upp/ner för att navigera Enter för att välja