# XWUI3DHeroBG

Hero backdrop that extrudes an SVG into a lit, rotating 3D object tinted by two theme colours

## Basic Usage

A 3D backdrop extruded from an SVG, tinted from the two default theme

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A 3D backdrop extruded from an SVG, tinted from the two default theme
```

## Multiple Instances

instanceCount scatters copies of the artwork on a sphere shell; merged

```example
file: examples/MultiInstance.ts
html: examples/MultiInstance.html
title: Multiple Instances
description: instanceCount scatters copies of the artwork on a sphere shell; merged
```

## Showcase

Flagship tour of XWUI3DHeroBG: the default lit backdrop, instance scattering

```example
file: examples/Showcase.ts
html: examples/Showcase.html
title: Showcase
description: Flagship tour of XWUI3DHeroBG: the default lit backdrop, instance scattering
```

## Two-Colour Themes

Same component, same SVG - only the two CSS custom properties on the host

```example
file: examples/TwoColorThemes.ts
html: examples/TwoColorThemes.html
title: Two-Colour Themes
description: Same component, same SVG - only the two CSS custom properties on the host
```

```api
```