# XWUITabs

Tab navigation with line / card / button variants and horizontal / vertical orientations.

## Basic Usage

Underline line-style tabs.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Underline line-style tabs.
```

## Card Variant

Folder card-style tabs with icons.

```example
file: examples/CardVariant.ts
html: examples/CardVariant.html
title: Card Variant
description: Folder card-style tabs with icons.
```

## Vertical

Vertical settings-page tabs.

```example
file: examples/Vertical.ts
html: examples/Vertical.html
title: Vertical
description: Vertical settings-page tabs.
```

## With Icons

Line tabs with leading SVG icons and inline count badges.

```example
file: examples/WithIcons.ts
html: examples/WithIcons.html
title: With Icons
description: Line tabs with leading SVG icons and inline count badges.
```

## Closable Tabs

IDE/browser-style card tabs with a close button that calls removeTab().

```example
file: examples/Closable.ts
html: examples/Closable.html
title: Closable Tabs
description: IDE/browser-style card tabs with a close button that calls removeTab().
```

## Scrollable Tabs

Many tabs whose strip scrolls horizontally on overflow.

```example
file: examples/Scrollable.ts
html: examples/Scrollable.html
title: Scrollable Tabs
description: Many tabs whose strip scrolls horizontally on overflow.
```

## Lazy Content

Panels load their content the first time their tab is activated.

```example
file: examples/LazyContent.ts
html: examples/LazyContent.html
title: Lazy Content
description: Panels load their content the first time their tab is activated.
```

```api
```