Back to Tab Selector Documentation

Tab Selector Component Demos

Explore different ways to implement and use the PM7 tab selector component

Basic Tabs

Simple tab implementation with default styling and behavior

Tab Variants

Explore different visual styles: underline, solid, and pills

Tab Sizes

Small, medium, and large tab sizes for different use cases

Full Width Tabs

Tabs that stretch to fill their container width

Tabs with Icons and Badges

Enhanced tabs with icons, badges, and icon-only variants

Disabled Tabs

How to handle disabled states and conditional availability

Gradient Border Tabs

Beautiful gradient borders with various colors and thicknesses