# Revenue bridge — Detent

> A waterfall you pour with your hand. Drag across the steps and the running total rolls on real wheels while each bar fills as the value reaches it.

Canonical: https://detentui.com/components/bridge
Last updated: 2026-11-10

## About

A waterfall you pour with your hand. Drag across the steps and the running total rolls on real wheels while each bar fills as the value reaches it.

## Details

- The total sits on top in big type, under it a sentence: how far it moved and what did the most.
- Drag or point across the steps and one value drives everything: the digits turn with your hand, each change fills a beat behind it, and the closing bar rises and falls with the running total.
- Flick it and it runs on, then catches the nearest step with a soft tick. Pass `muted` to silence it. Arrow keys step it.
- At rest only the biggest change is in full colour. The other changes sit back in the same green and rose, and the new total stands solid in ink.
- Bars float near their range, so small changes still read. Switch period and it pours through again.

## Install

```bash
npx shadcn add https://detentui.com/r/bridge
```

## Related
- [All components](https://detentui.com/components)
- [Pro](https://detentui.com/pro)