Event Card
A styled card for displaying agenda items, meetings, or tasks with status indicators.
Sync
Team Standup
09:00 AM — 09:15 AM
33 John St., Saint Pork
Installation
Run the following command to install the `event-card` components:
npx shadcn-svelte@latest add https://more-shadcn.noair.fun/r/event-card.json
Action State
Use
variant="action" to include a feedback-ready button for confirming or completing
events.Interview: Senior Engineer
2:00 PM — 3:00 PM
Variations
Customize the appearance with dotted borders or opacity adjustments for past or pending
items.
Draft
Review Session
4:30 PM
Past Workshop
8:00 AM — 10:00 AM