Today's schedule card with left-ruled event rows colored by accent and a leading start-time column.
The import and the props worth knowing about, in one place.
import { Calendar10 } from "@/components/beste/piece/calendar10";
<Calendar10
surface="card"
bordered={false}
inverted={false}
heading="Today"
items={[
{
"time": "09:30",
"title": "Design review",
"accent": "sky"
},
{
"time": "11:00",
"title": "1:1 with Hania",
"accent": "emerald"
},
{
"time": "14:30",
"title": "Ship room",
"accent": "violet"
}
]}
/>