# XWUIRibbon

Diagonal corner-ribbon overlay for record-state badges (Won, Lost, Archived, Draft, Sample, …). Maps to Odoo's `web_ribbon`. Parent must be `position: relative`.

## Basic Usage

Default "Won" ribbon in top-right corner.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Default "Won" ribbon in top-right corner.
```

## Intents

All seven intents on small sample cards.

```example
file: examples/Intents.ts
html: examples/Intents.html
title: Intents
description: All seven intents on small sample cards.
```

## Corners

Ribbon in each of the four corners.

```example
file: examples/Corners.ts
html: examples/Corners.html
title: Corners
description: Ribbon in each of the four corners.
```

```api
```