# XWUICenter

A layout wrapper that centers its `content` (or `children`) using flexbox. By default it centers horizontally only; enable `vertical: true` to also center on the cross axis, or set both to fully center. Pass `inline: true` to switch from a flex block to an `inline-block` that centers via `text-align` instead.

## Basic Usage

The default configuration, which horizontally centers whatever content is placed inside.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Horizontally centers its content with default settings.
```

## Horizontal only

Centers a content row across the width while keeping its natural height.

```example
file: examples/HorizontalOnly.ts
html: examples/HorizontalOnly.html
title: Horizontal only
description: Horizontally centers a row of buttons.
```

## Both axes

Centers content horizontally and vertically inside a fixed-height stage.

```example
file: examples/BothAxes.ts
html: examples/BothAxes.html
title: Both axes
description: Full centering on both axes in a fixed-height box.
```

```api
```