https://github.com/jthomasmock/grouped-tabsets

Add grouped tabsets, which remember the active tab across multiple HTML documents.
https://github.com/jthomasmock/grouped-tabsets

Last synced: 22 days ago
JSON representation

Add grouped tabsets, which remember the active tab across multiple HTML documents.

• Host: GitHub
• URL: https://github.com/jthomasmock/grouped-tabsets
• Owner: jthomasmock
• License: mit
• Created: 2022-07-18T23:38:28.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-07-18T23:38:55.000Z (over 2 years ago)
• Last Synced: 2024-12-18T01:08:44.525Z (23 days ago)
• Homepage:
• Size: 325 KB
• Stars: 0
• Watchers: 0
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Grouped Tabsets

[See the extension in action](https://quarto-ext.github.io/grouped-tabsets/).

This quarto extension provides support for "grouped" tabsets in Quarto HTML documents.

Consider the case where you have a collection of tabsets potentially spread across many documents, all logically grouped together. 

A typical example are code snippets in multiple languages.

When your reader switches languages across one of the tabs, this naturally implies an intent to switch the other tabs as well.

Grouped tabs offer easy support for this use case. 

## Installing

Type this in your shell:

```

$ quarto install quarto-ext/grouped-tabsets

```

## Enabling

Add this to your document or project options:

```yaml

filters:

  - grouped-tabsets

```

## Using

Add the `group` attribute to your tabsets:

```markdown

::: {.panel-tabset group="language"}

## R

R-specific examples

## Python

Python-specific examples

:::

```

In this case, the `language` group is shared across your entire website and stored in [local storage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage), so tabs will be automatically set across documents and visits to the website.