TierTable

organisms

Ticket tier management table — name, price, capacity, sold, status, actions (edit/archive). Inline editing for price/capacity.

ARIA Role: table

Demo

Name	Status	Amount
Invoice #001	Paid	$1,200.00
Invoice #002	Pending	$850.00

Props

Prop	Type	Required	Default	Description
`eventId`	`string`	Yes	`—`
`tiers`	`Tier[]`	Yes	`—`	0-20 tiers

TypeScript Interface

interface TierTableProps {
  eventId: string;
  tiers: Tier[];
  onTierUpdate: (tierId: string, updates: Partial<Tier>) => Promise<void>;
  onTierArchive: (tierId: string) => Promise<void>;
  onTierCreate: () => void;
}

Assertions (NASA Rule 5)

[type]tiers bounded 0-20 (NASA Rule 2)(NASA Rule 2 + 5)
[aria]Inline edit fields get aria-label; save announces via aria-live(WCAG 4.1.3)

Usage

Import

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

Basic

<Tiertable />

With Variants

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