# XWUIContainer

Container with max-width and optional centering Typically used for page/content containers Extends XWUIBox to inherit all box functionality

## Basic Usage

XWUIContainer Component Container with max-width and optional centering Typically used for page/content containers Extends XWUIBox to inherit all box functionality.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: XWUIContainer Component Container with max-width and optional centering Typically used for page/content containers Extends XWUIBox to inherit all box functionality.
```

## Reading column

A narrow, centered content column on a card surface - `maxWidth` caps line length, `center` adds the auto margins, and `surface` adds the card styling.

```example
file: examples/ReadingColumn.ts
html: examples/ReadingColumn.html
title: Reading column
description: A narrow centered content column on a card surface.
```

## Full-width bar

A non-centered container that spans the full width - useful for top bars and toolbars.

```example
file: examples/FullWidthBar.ts
html: examples/FullWidthBar.html
title: Full-width bar
description: A non-centered, full-width container for bars and toolbars.
```

```api
```