Race Controlstable
Flag Banner
A full-width race control banner that wipes in with the track status, the sector it applies to, and an optional message.
Preview
Track status: YELLOW FLAG · SECTOR 2. Debris on the racing line.
Playground
Track status the banner announces.
2
Sector the flag applies to. Zero means the whole track.
Secondary line from race control.
Wipe the banner in or out.
Edge the banner wipes from.
Height and type scale of the bar.
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/flag-banner
Props
| Name | Type | Default | Description |
|---|---|---|---|
| status | 'green' | 'yellow' | 'double-yellow' | 'red' | 'sc' | 'vsc' | 'chequered' | yellow | Track status the banner announces. |
| sector | number | 2 | Sector the flag applies to. Zero means the whole track. |
| message | string | Debris on the racing line | Secondary line from race control. |
| visible | boolean | true | Wipe the banner in or out. |
| align | 'left' | 'center' | left | Edge the banner wipes from. |
| size | 'sm' | 'md' | 'lg' | md | Height and type scale of the bar. |
Dependencies
- motion