Components

Tabs

Tabs organize related content into compact sections without leaving the current view.

Basic Usage

Use standard tabs for the most common inline section switching pattern.

Pane Tabs

Pane tabs are useful inside taller bounded regions where the tab list and content live together in the same panel.

Modal tabs adapt the same pattern to dialog layouts where the tab content needs a slightly different structure.

variant="sidebar" is the Craft-style vertical nav — group with pk-tab-heading, and optionally slot icon / status on each pk-tab.

Disabled and Overflow

Disabled tabs and scrollable tab lists — default, pane, and modal variants.

Edit this page
Last updated: Jul 19, 2026, 4:42 PM