> For the complete documentation index, see [llms.txt](https://docs.strm.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.strm.design/reference/sections/tabs.md).

# Tabs

Content in tabs: beside the content, above it, or feature tabs with a progress line.

Content in tabs: beside the content, above it, or feature tabs with a progress line.

**Where:** Any template (Add section)\
**File:** `sections/tabs.liquid`

![Tabs](https://2073252647-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX7okZwFVjG38blUMwqg%2Fuploads%2Fgit-blob-d4f3669a827cdb6fa6dd47ea796953945669bd9d%2Ftabs.png?alt=media)

## Section settings

| Setting                        | Type                       | Options                                                             | Default             | Notes                                                                                                                                                                                  |
| ------------------------------ | -------------------------- | ------------------------------------------------------------------- | ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Heading**                    | Text (bold, italic, links) |                                                                     | Tabs heading        |                                                                                                                                                                                        |
| **Layout**                     | Choice                     | Tabs beside content, Tabs above content, Feature tabs with progress | Tabs beside content |                                                                                                                                                                                        |
| **Advance tabs automatically** | On / off                   |                                                                     | On                  | Only while the section is visible. Pauses on hover, on focus and for visitors who prefer reduced motion. Off in the theme editor. Shown when **Layout** is Feature tabs with progress. |
| **Time per tab**               | Slider                     | 3–12s, steps of 1                                                   | 5s                  | Shown when **Layout** is Feature tabs with progress.                                                                                                                                   |
| **Color scheme**               | Color scheme               |                                                                     | Scheme 1            |                                                                                                                                                                                        |
| **Top padding**                | Slider                     | 0–160px, steps of 4                                                 | 48px                |                                                                                                                                                                                        |
| **Bottom padding**             | Slider                     | 0–160px, steps of 4                                                 | 48px                |                                                                                                                                                                                        |

## Blocks

### Tab block

One tab with a label, optional image and its own content blocks.

| Setting             | Type  | Options | Default | Notes                                         |
| ------------------- | ----- | ------- | ------- | --------------------------------------------- |
| **Tab label**       | Text  |         | Tab     |                                               |
| **Tab description** | Text  |         |         | Shown under the label in the progress layout. |
| **Image**           | Image |         |         |                                               |

Accepts: [Collapsible row](/reference/blocks/accordion.md) · [Button](/reference/blocks/button.md) · [Buy buttons](/reference/blocks/buy-buttons.md) · [Compare](/reference/blocks/compare-button.md) · [Complementary products](/reference/blocks/complementary-products.md) · [Custom Liquid](/reference/blocks/custom-liquid.md) · [Divider](/reference/blocks/divider.md) · [Email signup](/reference/blocks/email-signup.md) · [Follow on Shop](/reference/blocks/follow-on-shop.md) · [Group](/reference/blocks/group.md) · [Heading](/reference/blocks/heading.md) · [Icon](/reference/blocks/icon.md) · [Image](/reference/blocks/image.md) · [Menu](/reference/blocks/menu.md) · [Numbered step](/reference/blocks/numbered-step.md) · [Pickup availability](/reference/blocks/pickup-availability.md) · [Product card](/reference/blocks/product-card.md) · [Description](/reference/blocks/product-description.md) · [Inventory status](/reference/blocks/product-inventory.md) · [Product details line](/reference/blocks/product-meta.md) · [Price](/reference/blocks/product-price.md) · [Rating](/reference/blocks/product-rating.md) · [Specifications](/reference/blocks/product-specs.md) · [Swatches](/reference/blocks/product-swatches.md) · [Product title](/reference/blocks/product-title.md) · [Vendor](/reference/blocks/product-vendor.md) · [Scale](/reference/blocks/rating-bar.md) · [Restock request](/reference/blocks/restock-request.md) · [Share](/reference/blocks/share.md) · [Social media icons](/reference/blocks/social-links.md) · [Spacer](/reference/blocks/spacer.md) · [Specification](/reference/blocks/spec-row.md) · [Text](/reference/blocks/text.md) · [Variant picker](/reference/blocks/variant-picker.md) · [Video](/reference/blocks/video.md) · [Volume pricing](/reference/blocks/volume-pricing.md)

## Presets

Add it from **Add section** as: **Tabs**, **Comparison tabs**, **Feature tabs**.