Booking Card
An “intro call” card with the host, meeting details and the next open slots as selectable chips. The button links to your scheduler with the chosen time.
Installation
pnpm dlx shadcn@latest add @portfolio-kit/booking-cardFirst time? Add the @portfolio-kit registry to components.json
components.json
{
"registries": {
"@portfolio-kit": "https://www.parthjadhav.com/products/portfolio-kit/r/{name}.json"
}
}Usage
Examples
Compact
A smaller card for a sidebar or contact page: two days of slots on a 12-hour clock, in a time zone you choose.
Fully Booked
When no slots are left, the card says so, the host's availability dot goes out and the button falls back to your full calendar.