# XWUIProjectPlanViewTabs

A view-pivot tab strip (`role="tablist"`) for a project plan that renders a fixed set of five tabs - Goals, Grid, Board, Calendar, Charts - and tracks the selected one via `activeView` (default `board`). Clicking a tab updates the active state, marks `aria-selected`, and fires every `onViewChange(view)` handler with the chosen `ProjectPlanViewId`. Use it as the header control that switches a plan between its different visualizations.

## Basic Usage

Builds the pivot strip with `activeView: "board"` and registers an `onViewChange` handler that logs the selected view id.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: The Goals / Grid / Board / Calendar / Charts pivot strip starting on Board with a view-change callback.
```

## Start on Charts

The pivot strip initialised on a non-default tab via `activeView`.

```example
file: examples/StartOnCharts.ts
html: examples/StartOnCharts.html
title: Start on Charts
description: The five-tab strip opened on Charts instead of the default Board.
```

## Multiple Strips

Several independent strips on one page, each in its own host div.

```example
file: examples/MultipleStrips.ts
html: examples/MultipleStrips.html
title: Multiple Strips
description: Three strips stacked vertically, each starting on a different view.
```

```api
```