Broadcaststable
Replay Bumper
A broadcast transition that sweeps over a panel so its content can change behind it.
Preview
CAM 0401:24:51.702
LIVE
turn 9 · lap 29
Playground
Shape of the transition.
Text on the bumper.
1200
Length of one run, in milliseconds.
#dc2626
Installation
Package manager
Register the boxbox namespace once per project:
bunx shadcn@latest registry add @boxbox=https://react-boxbox.vercel.app/r/{name}.jsonThen add the component:
bunx shadcn@latest add @boxbox/replay-bumper
Props
| Name | Type | Default | Description |
|---|---|---|---|
| variant | 'wipe' | 'slide' | 'flash' | wipe | Shape of the transition. |
| label | string | REPLAY | Text on the bumper. |
| duration | number | 1200 | Length of one run, in milliseconds. |
| color | color | #dc2626 | — |
Dependencies
- motion