About this piece
Countdown Card
A countdown card with a short label over three light figures split by hairlines, closing on a caption.
Usage
The import and the props worth knowing about, in one place.
import { Event12 } from "@/components/beste/piece/event12";
<Event12
surface="card"
bordered={true}
inverted={false}
title="Opens to everyone in"
units={[
{
"value": "12",
"label": "days"
},
{
"value": "06",
"label": "hrs"
},
{
"value": "48",
"label": "min"
}
]}
caption="Early access closes when the counter runs out."
/>More Event pieces
View all EventMay12
Consultation · Rowan Blake
09:00 – 09:45 · Room 2
Appointment Card
A single appointment row with a date block, a title and time-and-room line, and an accent join action.
Zorlu PSM · Grand HallLevent · BeşiktaşIstanbul, Türkiye
2,400 capacityMetro M6 · Zincirlikuyu exit
Venue Card
Venue panel with a gridded mini-map tile, name, address, city, capacity, and an italic directions line.
Shipmas 2026Dec 1 · 09:00 UTC
42days
08hrs
21min
11sec
Event Countdown
Dark foreground countdown with event title, start time, and a four-unit time tile grid below.
Doors open in
00:15:00Early access closes when the clock hits zero.
Flip Countdown
Split-flap countdown on a dark panel: each second the changing digits fold over with a top-half flip, then the clock rests at zero and starts again.
