Tab Groups

You can create a block with tabs to show different content:

Tab 1

Tab 2

Tab 1 content

That was a code sample.

Tab 2 content

The way you do this is by creating a div with the class .tab-group and then interleaving headings with content.

{.tab-group}
::::

{% You can use any level of heading as long as you use the
   same level for all tabs. In this example, we're using
   level 4. %}
#### Tab 1

{% The content inside the tab is everything until the next
   heading. %}
:::
```
Tab 1 content
```
:::

That was a code sample.

#### Tab 2

:::
Tab 2 content
:::

::::

In Markdown output, your content looks essentially the same as in your source markup.

You can use Tab and Shift+Tab to select a result, then Enter to navigate.
Type a search into the box.