# XWUIFlex

Flexbox layout container

## Basic Usage

XWUIFlex Component Flexbox layout container.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A horizontal flex row with a gap between three boxes.
```

## Space between

A toolbar-style row with items pushed to the edges using justify space-between, vertically centered.

```example
file: examples/SpaceBetween.ts
html: examples/SpaceBetween.html
title: Space between
description: A toolbar-style row with items pushed to the edges using justify space-between.
```

## Column direction

A vertical stack of items using direction column with a consistent gap.

```example
file: examples/ColumnWrap.ts
html: examples/ColumnWrap.html
title: Column direction
description: A vertical stack of items using direction column with a consistent gap.
```

```api
```
