---
title: "Tabs"
slug: "tabs"
updated: 2026-10-20T19:33:35Z
published: 2026-10-20T19:33:35Z
canonical: "docs.blackthorn.io/tabs"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.blackthorn.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Tabs

Page Designer

The **Tabs** component organizes page content into switchable tab panels. Each tab can contain multiple components arranged in a multi-column layout. Use Tabs to present a large amount of content (Schedule, Speakers, FAQ, Pricing) without overwhelming visitors with a very long page.

**Layout rules:** Tabs cannot be nested inside other Tabs. The Header and Footer components cannot be placed inside a Tabs component.

### Content Settings

- **Tab Items**: add, remove, and reorder tabs
- **Tab Label**: text displayed on each tab
- **Tab Icon**: optional icon shown alongside the label
- **Tab Management**: assign components to specific tabs from the tab settings panel

### Style Settings

- **Tab Variation**: Default, Vertical, or Ink Bar style
- Background Color, Hover Background Color

### Keyboard Navigation

Arrow keys cycle through tabs, Home/End jump to first/last tab, Escape closes overflow menus: fully accessible by default.

💡The **Tabbed Conference** template is pre-built with a Tabs component covering Schedule, Speakers, FAQ, Pricing, and more: the fastest starting point for multi-session events.