Tabs

Client-side tab switching via Alpine.js. Three visual styles.

Account settings content goes here.

Security settings: 2FA, sessions, etc.

Billing and subscription details.

Component
@tabs.Tabs(tabs.Props{
    Variant: tabs.VariantLine,
    Tabs: []tabs.Tab{
        {ID: "account",  Label: "Account"},
        {ID: "security", Label: "Security"},
        {ID: "billing",  Label: "Billing"},
    },
    Default: "account",
}) {
    @tabs.Panel("account") { <p>Account settings content</p> }
    @tabs.Panel("security") { <p>Security settings content</p> }
    @tabs.Panel("billing") { <p>Billing content</p> }
}