Workshop Card

A rich event display component for presenting scheduled workshops, webinars, meetings, and conferences with attendee information, RSVP options, and status indicators.

Installation

hax init
hax add artifact workshop-card

Component Setup

import { HAXWorkshopCard, useWorkshopCardAction } from "@/hax/artifacts/workshop-card";

export function EventsPage() {
  const [artifacts, setArtifacts] = useState([]);

  useWorkshopCardAction({
    addOrUpdateArtifact: (type, data) => {
      setArtifacts(prev => [...prev, { type, data, id: Date.now() }]);
    }
  });

  return (
    <HAXWorkshopCard
      title="AI Development Workshop"
      eventType="Workshop"
      status="confirmed"
      date="Tuesday, January 15, 2025"
      attendeeCount={25}
    />
  );
}