VenueCard

molecules

Venue preview — image, name, address, capacity, link to venue page. Static, server-rendered.

ARIA Role: article

Demo

Card Title

Card description text goes here.

Props

Prop	Type	Required	Default
`id`	`string`	Yes	`—`
`name`	`string`	Yes	`—`
`address`	`string`	Yes	`—`
`href`	`string`	Yes	`—`

TypeScript Interface

interface VenueCardProps {
  id: string;
  name: string;
  address: string;
  city: string;
  country: string;
  image?: { url: string; alt: string };
  capacity: number;
  href: string;
}

Assertions (NASA Rule 5)

[type]id, name, address, href all required(NASA Rule 5)
[aria]Address announced as single text; image alt required when present(WCAG 1.1.1)

Usage

Import

import { Venuecard } from '@epasslive/design-system'

Basic

<Venuecard />

With Variants

<Venuecard variant="primary" size="md" />