# XWUIGameAppearanceCustomizer

Visual character-creation panel that splits appearance options into category tabs (`hair`, `face`, `body`, `marks` by default) and shows a clickable option grid for the active tab. Each option renders as a color swatch or an icon with a name; selecting one updates the live "Current Selection" preview and fires `onChange(category, value)`. Use it in character creators and barber/customization screens where the player picks one option per category.

## Basic Usage

Mounts the customizer with default categories and an empty option set, ready to be populated via `updateData()`.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: An appearance customizer with the default hair/face/body/marks tabs and preview panel.
```

## Hair Dye Studio

A focused single-category picker using color swatches, with `onChange` reporting each selection.

```example
file: examples/HairDyeStudio.ts
html: examples/HairDyeStudio.html
title: Hair Dye Studio
description: A single dye category rendered as color swatches, with a pre-selected dye and an onChange handler.
```

## Barber Shop

A two-category panel mixing icon hairstyles with color beard dyes and the preview disabled.

```example
file: examples/BarberShop.ts
html: examples/BarberShop.html
title: Barber Shop
description: A compact barber screen combining icon-based hair options with color-swatch beard dyes.
```

```api
```