Cards & Expandables

Event Date Card

A listing row for a meetup, webinar or conference session — a prominent day/month date block, title, location and time, with a one-click add-to-calendar download that generates a real .ics file by hand. No calendar SDK, works even with JS disabled.

Subscription Included with the Velocity Components subscription.

bash

$ velocityx add event-date-card

Built for astro.

Full docs for Event Date Card →

Needs a licence key — subscribe here, then velocityx loginonce.

astro v1.0.2

Event Date Card

NOV 12 Thu

Velocity Component Workshop

6:00 – 8:00 PM AEST

The Precinct, Level 3, Brisbane

Add to calendar

Props

Name	Type	Required	Default
title	string	Yes
startISO	string	Yes
endISO	string	No
timeLabel	string	Yes
location	string	Yes
description	string	No	title
href	string	No
calendarLabel	string	No	'Add to calendar'
class	string	No	''

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text

components/velocity/event-date-card/EventDateCard.astro

Using the Event Date Card component

Install it with velocityx add event-date-card. The CLI writes the source straight into your project — no runtime dependency, no registry lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.

All 406 components

Event Date Card

Velocity Component Workshop

Props

File this creates

Using the Event Date Card component

Related components