# XWUIGameSquadUI

A compact squad tactical overlay that renders each `members` entry as a small card with a single-letter role badge (colored per role: tank, healer, dps, support), name, an HP bar that flags low health under 25%, the current HP value, and an optional `position` indicator toggled by `showPositions`. It also shows an uppercase formation badge from `formationType` and an optional row of active tactical `orders` gated by `showOrders`. Use it as an in-match HUD overlay for small fireteams (default `maxMembers` of 4); `updateData` refreshes members, orders, and formation.

## Basic Usage

Instantiates the squad UI with no members or orders and the default formation, positions, and orders settings.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A compact squad overlay with HP bars, role badges, positions, and tactical orders.
```

## Tactical Orders

A squad in an active formation with a row of standing tactical orders below the member cards.

```example
file: examples/TacticalOrders.ts
html: examples/TacticalOrders.html
title: Tactical Orders
description: A formationType badge plus a populated orders chip row with showOrders enabled.
```

## Minimal HUD

A bare HP-only overlay with positions, orders, and the formation badge all suppressed.

```example
file: examples/MinimalHud.ts
html: examples/MinimalHud.html
title: Minimal HUD
description: An HP-only squad readout with formationType none, showPositions and showOrders disabled.
```

```api
```