Broadcaststable
Podium
The top three at the end of the race, laid out second, first, third, with the steps rising last place first.
Preview
2nd, Niko Vale, Quartz Vale
1st, Elian Voss, Aster Forge
3rd, Oren Nyx, Bracken Arc
Playground
Raise the podium. The steps rise third, second, first.
Height of the steps and the type scale.
Add the race time under the winner and the gap under the other two.
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/podium
Props
| Name | Type | Default | Description |
|---|---|---|---|
| visible | boolean | true | Raise the podium. The steps rise third, second, first. |
| size | 'sm' | 'md' | 'lg' | md | Height of the steps and the type scale. |
| showDetail | boolean | true | Add the race time under the winner and the gap under the other two. |
Dependencies
- motion