Skip to content

tabs — Tabs ​

Tabbed panels.

The tabs block, rendered

A set of labeled tabs, each revealing its own panel of content.

When to use ​

Grouping alternative content (specs vs. reviews, plans, platforms) in one compact area.

Configuration ​

Configure under content_blocks_kit.blocks.tabs (see Configuring blocks for how the levers combine).

Default data ​

Initial values for a new block. Override per host with defaults:.

FieldDefault
items[{"title":"Tab 1","content":""}]

Example ​

yaml
# config/packages/content_blocks_kit.yaml
content_blocks_kit:
    blocks:
        tabs:

Front-end ​

Rendered markup: .cb-kit-tabs Style it by overriding the --cb-kit-* custom properties (see the kit stylesheet).


The configuration tables above are generated from content-blocks-kit:blocks --format=json, read straight from the block's code — they never go stale.

Released under the MIT License.