Timingstable
Overtake Indicator
The badge that says a car can attack: DRS as it ran from 2011 to 2025, or Overtake Mode as the 2026 rules name it.
Preview
Playground
DRS up to 2025, Overtake Mode from 2026.
Off, in range, or deployed.
Text on the badge. Empty keeps the default for the mode.
Type scale of the badge. Small matches a timing tower tag.
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/overtake-indicator
Props
| Name | Type | Default | Description |
|---|---|---|---|
| mode | 'drs' | 'overtake' | drs | DRS up to 2025, Overtake Mode from 2026. |
| state | 'off' | 'available' | 'active' | active | Off, in range, or deployed. |
| label | string | Text on the badge. Empty keeps the default for the mode. | |
| size | 'sm' | 'md' | 'lg' | md | Type scale of the badge. Small matches a timing tower tag. |
Dependencies
- motion