Tabs Comprehensive Test Cases

2025-09-09 About 300 words 2 minutes

Contents

Testing various configurations and nested scenarios for the Tabs shortcode.

See Types section for various test cases.

See Nested Tabs section for examples.

Types

Content for underline style tab 1

Content for underline style tab 2

Content for underline style tab 3

Content for pill style tab 1

Content for pill style tab 2

Content for pill style tab 3

Content for card style tab 1

Content for card style tab 2

Content for card style tab 3

Content for segment style tab 1

Content for segment style tab 2

Content for segment style tab 3

This is the first outer tab with simple content.

Features:

This outer tab contains nested tabs inside:

Nested tab A content with bold text and italic text.

1
console.log('Hello from nested tab A!')

Nested tab B content with a list:

This is a blockquote inside a nested tab.

Nested tab C with a table:

This tab contains vertical nested tabs:

Content for vertical nested tab A.

Content for vertical nested tab B.

1
2
3
4
5
.example {
  color: #333;
  background: #f5f5f5;
  padding: 1rem;
}