> For the complete documentation index, see [llms.txt](https://nextsky.gitbook.io/purity-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky.gitbook.io/purity-theme/group-blocks/layout/tab.md).

# Tab

The **Tab** block creates an organized structure of horizontal tabs, where users can click on a tab label to switch and view different panels of content (tab content). This is ideal for managing large amounts of related information without consuming excessive vertical space.

## Tab heading settings

| Setting               | Description                                                                                                                                                          |
| --------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Heading preset**    | Selects the visual size/style preset for the tab labels (titles). Options include various Heading sizes (H1 to H6, H5 is Default). *Edit presets in theme settings.* |
| **Heading Alignment** | <p>Controls the horizontal positioning of the tab labels:</p><ul><li>Left,</li><li>Center</li><li>Right.</li></ul>                                                   |
| **Heading Color**     | Sets the color for the tab labels.                                                                                                                                   |

## Tab content settings

| Setting                  | Description                                                                                                                                            |
| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Inherit Color Scheme** | A checkbox that, when enabled (Default), uses the color scheme from the parent section for the content panel.                                          |
| **Colors**               | <p><em>Only visible when Inherit Color Scheme is disabled</em>.</p><p>Allows you to manually select a specific Color Scheme for the content panel.</p> |
| **Content Alignment**    | <p>Controls the horizontal positioning/alignment of the content inside the active tab panel:</p><ul><li>Left,</li><li>Center</li><li>Right.</li></ul>  |

### Spacing

These settings control the external spacing (padding) applied directly above and below this specific block.

| Setting    | Description                                                                                                      |
| ---------- | ---------------------------------------------------------------------------------------------------------------- |
| **Top**    | Sets the amount of empty space (padding) above this button block. Measured in pixels (px) (Range: 0px to 100px). |
| **Bottom** | Sets the amount of empty space (padding) below this button block. Measured in pixels (px) (Range: 0px to 100px). |

## Tab Block Supported Nested Blocks

The **Tab Item** block (nested within the Tab Block) defines a single clickable label on the horizontal tab bar and acts as the container for the content pane visible when that specific tab is selected.

| Setting     | Description                                                                                                                       |
| ----------- | --------------------------------------------------------------------------------------------------------------------------------- |
| **Heading** | The text that will be displayed as the clickable label on the main tab interface (e.g., "Description," "Reviews," or "Shipping"). |