# XWUIActionGroup

Trailing-actions cluster: meta text, primary/dropdown buttons, icon-only buttons - all in one flex row.

## Basic Usage

Empty action group with default config.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Empty action group with default config.
```

## Notion Header

`[Edited Mar 12] [🔒 Share ▾] [🔗] [★] [⋯]` document-header pattern.

```example
file: examples/NotionHeader.ts
html: examples/NotionHeader.html
title: Notion Header
description: `[Edited Mar 12] [🔒 Share ▾] [🔗] [★] [⋯]` document-header pattern.
```

## Sizes

Same content rendered at xs / sm / md / lg.

```example
file: examples/Sizes.ts
html: examples/Sizes.html
title: Sizes
description: Same content rendered at xs / sm / md / lg.
```

## Separators

Toolbar with visible dividers and a flex spacer pushing the primary button right.

```example
file: examples/Separators.ts
html: examples/Separators.html
title: Separators
description: Toolbar with visible dividers and a flex spacer pushing the primary button right.
```

## With Callbacks

Per-item `onClick` handlers wired to console logs.

```example
file: examples/WithCallbacks.ts
html: examples/WithCallbacks.html
title: With Callbacks
description: Per-item `onClick` handlers wired to console logs.
```

```api
```