Back

Tabs

Basic Usage

Manage your public profile information.

Configure your account settings and email preferences.

Enable 2FA and manage your active sessions.

Vertical Layout

General Settings

Configure your workspace defaults.

Billing & Usage

Manage subscriptions and invoices.

Team Management

Invite and manage team members.

With Counter Badges

Scrollable

For interfaces with many categories (mobile friendly).

Usage

@navigation.Tabs(navigation.TabsProps{
    InitialTab: "one",
    Vertical:   true,  // optional vertical mode
}) {
    @navigation.TabList(navigation.TabsProps{Vertical: true}) {
        @navigation.TabItem(navigation.TabItemProps{
            ID:    "one",
            Label: "Tab One",
            Badge: "5", // optional counter
        })
    }
    @navigation.TabPanel(navigation.TabPanelProps{ID: "one"}) { ... }
}