docs/briefs/membership-tiers.md

Module brief: MembershipTiersModule

Slug / tier / group / category: membership-tiers · standard · features · Membership One-liner: Tier cards (e.g. CRAFT / MAKE / BUILD) with perks and a select state, feeding a waitlist/join CTA. Closest references: TicketingModule tier list; ProductModule fields sub-card; Commerce Stack pattern (info → fields → CTA). Source: YOU Studio wireframes §1a.

Anatomy

  • ModuleShell, title default "Membership"
  • Tier cards stacked: name, tagline, perk bullets; selected card outlined (accent-8)
  • CtaRow ("Join the waitlist", solid)

Content model

prop type sample
tiers {id, name, tagline?, perks[]}[] CRAFT / MAKE / BUILD
selectedIndex / onSelect number / (i)=>void host-driven, internal fallback
actionLabel / onAction string / ()=>void "Join the waitlist"

Fields

title text · actionLabel text · header toggle

States

Selection internal unless controlled; CTA fires with the selected tier.

Out of scope

Pricing/payment (Payment module), tier logic.