Creating Nested Tabs

The Easy Tabs Block lets you nest tabs within other tabs—ideal for organizing layered content like help docs, product specs, or detailed comparisons.

How to Add Nested Tabs

  1. Insert a Tabs Block
    Use the block inserter (+) and search for “Tabs” to add the main tab container.
  2. Choose a Pattern or Start Blank
    Pick a layout from the pre-designed patterns or click Start Blank to build from scratch.
  3. Select Any Tab Content Area
    Inside any Tab Content, click the + icon to insert a block.
  4. Add Another Tabs Block
    From within that area, insert another Tabs block. This becomes your nested set.
  5. Customize Each Level
    You can independently style and configure both parent and nested tabs—layouts, animations, tab triggers, etc.

✅ Tip: You can nest tabs multiple levels deep. All tab instances behave responsively and support Gutenberg blocks inside.

Use Cases

  • Product > Features > Technical Specs
  • Course > Modules > Lessons
  • FAQ > Category > Question Set

Screenshot

(Placeholder image here for nested tab interface)