Tabs

Group content into tabs and share selections across pages.

The PlayStation 5 Pro adds a more powerful GPU and AI upscaling to the PS5, with 2 TB of built-in storage.

Spec	PS5 Pro
Storage	2 TB SSD
Video	4K output, up to 120 fps in compatible games
Upscaling	PlayStation Spectral Super Resolution (PSSR)

Enhancements vary by game. See Sony's PS5 Pro specifications and features for details.

The Xbox Series X, 2 TB Galaxy Black edition, doubles the original model's storage and keeps its 4K UHD Blu-ray drive.

series-x.json

{
  "gpu": "12 TFLOPS, AMD RDNA 2",
  "storage": "2 TB NVMe SSD",
  "video": "4K, up to 120 fps in supported games"
}

The CPU and GPU are unchanged from the original Series X. See Microsoft's Xbox Series X specifications for the full breakdown.

The Nintendo Switch 2 works as both a handheld and a TV console, with a larger 1080p screen and redesigned Joy-Con 2 controllers.

Spec	Nintendo Switch 2
Display	7.9-inch LCD, 1920 × 1080, HDR10
Storage	256 GB UFS
TV output	Up to 4K at 60 fps; 1080p or 1440p at up to 120 fps

Resolution and frame rate depend on the game and play mode. See Nintendo's Switch 2 technical specifications for details.

Usage#

Place Tab components directly inside Tabs.

::::Tabs
:::Tab{title="Overview" icon="book"}
An introduction to the topic.
:::

:::Tab{title="Details" icon="window-code"}
Additional information and examples.
:::
::::

Synchronization#

Give tab groups the same syncID to sync their selection across pages and persist between sessions. Each individual tab requires a syncValue for its identity.

Windows instructions.

Is directly synced with:

macOS guide.

::::Tabs{syncID="os"}
:::Tab{title="Windows" syncValue="windows"}
Windows instructions.
:::

:::Tab{title="Linux" syncValue="linux"}
Linux instructions.
:::

:::Tab{title="macOS" syncValue="mac"}
macOS instructions.
:::
::::

Tabs Reference#

syncIDDefault undefined: string; Groups with the same ID share a selection, saved in the browser.

Tab Reference#

titleRequired: string; Tab label.

syncValueDefault undefined: string; Matches tabs across groups with the same syncID. Required when the parent Tabs has a syncID.

iconDefault undefined: IconID; Icon ID shown beside the tab label.