# XWUIBanner

A dismissible announcement bar with a leading icon, message content, and optional action buttons (Vuetify Banner equivalent). Use it for page-level notices such as cookie consent, system status, or feature callouts. The `variant` (`info` / `success` / `warning` / `error`) picks the default icon and accent; `sticky` keeps it pinned, and `closable` adds an X button. The `actions` data array renders inline buttons, and `setOnClose()` runs a callback when the banner is dismissed.

## Usage

```ts
import { XWUIBanner } from './XWUIBanner';

const banner = new XWUIBanner(
  container,
  {
    content: 'A new version is available.',
    actions: [{ label: 'Reload', onClick: () => location.reload() }],
  },
  { variant: 'info', closable: true, sticky: true }
);

banner.setOnClose(() => console.log('dismissed'));
```

## Basic Usage

A simple full-width info banner with the default icon and a close button.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A simple full-width info banner with the default icon and a close button.
```

## Dismissible Warning

One closable banner per variant (info, success, warning, error), each stacked in its own wrapper.

```example
file: examples/DismissibleWarning.ts
html: examples/DismissibleWarning.html
title: Dismissible Warning
description: One closable banner per variant, each stacked in its own wrapper.
```

## With Actions

A call-to-action banner whose inline buttons run callbacks, plus a setOnClose dismissal handler.

```example
file: examples/WithAction.ts
html: examples/WithAction.html
title: With Actions
description: A call-to-action banner whose inline buttons run callbacks, plus a setOnClose dismissal handler.
```

```api
```