# XWUIItem

A single item UI element that takes a JSON config and converts it into HTML For multiple items, use XWUIItemGroup This component accepts exactly ONE JSON item configuration following the schema defined in XWUIItem.schema.json

## Basic Usage

A single row item - avatar icon, a bold primary line and a secondary line.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A single row item with avatar, primary and secondary text.
```

## Card

A card-type item: cover image, bold title, subtitle, and a progress bar in the tertiary slot.

```example
file: examples/Card.ts
html: examples/Card.html
title: Card
description: Card layout with cover image, title, subtitle and progress bar.
```

## Chat bubble

A chat_bubble item: circular avatar icon, the message as primary text, and a muted timestamp.

```example
file: examples/ChatBubble.ts
html: examples/ChatBubble.html
title: Chat bubble
description: Speech-bubble styling with avatar, message and timestamp.
```

```api
```