Attendee Manager

Manage and display attendees with RSVP status

SaaSBooking

Overview

The attendee module provides RSVPStatusBadge for displaying individual RSVP statuses, AttendeeList for rendering attendee lists with filtering, and AttendeeCount for showing attendee totals with optional status breakdowns.

Usage

import { AttendeeCount, AttendeeList, RSVPStatusBadge } from "@leanicon/web-builder-library/saas";

<RSVPStatusBadge status="accepted" />;
<AttendeeList
  attendees={[
    { userId: "1", name: "John Doe", email: "[email protected]", rsvpStatus: "accepted" },
    { userId: "2", name: "Jane Smith", email: "[email protected]", rsvpStatus: "pending" },
  ]}
/>;
<AttendeeCount count={5} />;

RSVPStatusBadge

Pending

Pending

Accepted

Accepted

Declined

Declined

Tentative

Tentative

Small Size

Accepted

Large Size

Accepted

All Statuses (Dark)

PendingAcceptedDeclinedTentative

AttendeeList

Default

Default (Dark)

AttendeeCount

Default

5 attendees

With Breakdown

8 attendees(5, 1, 1, 1)

Small Size

3 attendees

Large Size

12 attendees

Single Attendee

1 attendee

Attendee Count (Dark)

8 attendees(5, 1, 1, 1)