Brand
Changelogv1.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)

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

Start placement

OverviewStatsExportOverview panel.Stats panel.Export panel.

Closable tabs

Tab oneTab twoTab threePanel 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>