# XWUIPhoneMockup

Photographic phone mockup: renders live content on the screen and behind the device, wearing one of three shots

## Basic Usage

A live UI running on the phone screen instead of a flat screenshot.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A live UI running on the phone screen instead of a flat screenshot.
```

## Behind and Screen

Two slots: children render on the screen, `slot="behind"` renders behind the

```example
file: examples/BehindAndScreen.ts
html: examples/BehindAndScreen.html
title: Behind and Screen
description: Two slots: children render on the screen, `slot="behind"` renders behind the
```

## Three Modes

The device alone, a hand gripping it, and that grip pulled back to show the

```example
file: examples/Modes.ts
html: examples/Modes.html
title: Three Modes
description: The device alone, a hand gripping it, and that grip pulled back to show the
```

## Showcase

Flagship tour of XWUIPhoneMockup: the three photographic modes (bare device,

```example
file: examples/Showcase.ts
html: examples/Showcase.html
title: Showcase
description: Flagship tour of XWUIPhoneMockup: the three photographic modes (bare device,
```

```api
```