# Text Tabs

Organize related content within a specific page to help users find what they're looking for, without creating any visual clutter

# Design Best Practices

Do

Avoid

Don't

# Layout & Spacing

# Examples

# Base

The ideal state when all content is visible in the viewport.

# Responsive

When the viewport can no longer hold the contents, the remaining tabs are removed from the initial tab list and added into the More menu.

# API for Vue Components

# SkyTextTabs

Props
Slots
Events

# SkyTextTabsPanel

Props
Slots
Have an idea to help us improve?

Have an idea to help us improve?

Send Feedback
We Support Truth and Reconciliation
Skyline is created on the following traditional unceded territories of:

Niitsítpiis-stahkoii ᖹᐟᒧᐧᐨᑯᐧ ᓴᐦᖾᐟ (Blackfoot / Niitsítapi ᖹᐟᒧᐧᒣᑯ)

(This is one of the traditional unceded territories that Skyline is created on (opens in new tab))

Ktunaxa ɁamakɁis

(This is one of the traditional unceded territories that Skyline is created on (opens in new tab))

Tsuu T'ina

(This is one of the traditional unceded territories that Skyline is created on (opens in new tab))

Michif Piyii (Métis)

(This is one of the traditional unceded territories that Skyline is created on (opens in new tab))

Coast Salish

(This is one of the traditional unceded territories that Skyline is created on (opens in new tab))

Á,LEṈENEȻ ȽTE (W̱SÁNEĆ)

(This is one of the traditional unceded territories that Skyline is created on (opens in new tab))

Lekwungen/Songhees

(This is one of the traditional unceded territories that Skyline is created on (opens in new tab))

Learn More