Vertical Tab (CSS) Migration

Reason for Deprecation

Vertical Tab was a hybrid component that only handled tab header switching visually. It did not manage content change logic, leaving that to the product team.

New Component to Use

Replace vertical CSS tabs with <e-tab-bar vertical>.

Tab-bar Benefits

• Part of the unified Tab component — no separate vertical component needed.
• Vertical layout activated via a single vertical attribute.
• Label and icon visibility controllable via attributes.
• Full keyboard accessibility.

Before vs After

Before — Vertical Tab (CSS)

Preview

Open in playground →

After — Tab-bar with vertical attribute

Preview

Open in playground →