# XWUIDashboardFunnel

A conversion funnel widget: one bar per stage, sized relative to the top-of-funnel
stage, with the drop-off percentage between consecutive stages shown as a small
connector. Hover a stage for its exact value and percentage of the top stage;
click a stage to drill in via `onStageClick(id)`.

## Basic Usage

A vertical conversion funnel with drop-off percentages between stages.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A vertical conversion funnel with drop-off percentages between stages.
```

## Horizontal Layout

Stages laid out left-to-right as columns instead of the default vertical stack.

```example
file: examples/HorizontalLayout.ts
html: examples/HorizontalLayout.html
title: Horizontal Layout
description: Stages laid out left-to-right as columns instead of the default vertical stack.
```

## Stage Click Handling

Listens for onStageClick to drill into a stage, and hides the drop-off connectors.

```example
file: examples/StageClickHandling.ts
html: examples/StageClickHandling.html
title: Stage Click Handling
description: Listens for onStageClick to drill into a stage, and hides the drop-off connectors.
```

## API

```api
```
