# XWUIBox

Basic layout container with flexible styling Can be used as a generic container with customizable props

## Basic Usage

XWUIBox Component Basic layout container with flexible styling Can be used as a generic container with customizable props.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: XWUIBox Component Basic layout container with flexible styling Can be used as a generic container with customizable props.
```

## Surface card

`surface` + `hoverLift` turn a plain box into a card-like surface that lifts on hover.

```example
file: examples/SurfaceCard.ts
html: examples/SurfaceCard.html
title: Surface card
description: surface + hoverLift card-like container.
```

## Glass panel

A frosted-glass box (backdrop blur + translucency) over a colorful backdrop.

```example
file: examples/GlassPanel.ts
html: examples/GlassPanel.html
title: Glass panel
description: glassEffect frosted-glass box over a gradient.
```

```api
```
