Brand
Changelog v1.4

Brand Tabs

<brand-tab-group> wraps Shoelace's <sl-tab-group>. Use <sl-tab> (with slot="nav") and <sl-tab-panel> children directly — sl-tab-group enumerates them by tag name.

Basic (top)

General Billing Security General settings for your account. Billing information and invoices. Password, MFA, and session controls.

Start placement

Overview Stats Export Overview panel. Stats panel. Export panel.

Closable tabs

Tab one Tab two Tab three Panel one. Panel two. Panel three.

Usage

import { BrandTabGroup } from '@brandos/ui';

<brand-tab-group placement="top">
  <sl-tab slot="nav" panel="general">General</sl-tab>
  <sl-tab slot="nav" panel="billing">Billing</sl-tab>
  <sl-tab-panel name="general">General settings.</sl-tab-panel>
  <sl-tab-panel name="billing">Billing settings.</sl-tab-panel>
</brand-tab-group>