MembershipCard

Display tenant membership information with user details, role, and status.

Installation

typescript 
import { MembershipCard } from '@happyvertical/smrt-svelte';

Basic Usage

Acme Corporation active
Editor
Joined Jan 15, 2024
svelte 
<MembershipCard {membership} {tenant} {role} />

With Actions

Acme Corporation active
Editor
Joined Jan 15, 2024
svelte 
<MembershipCard
  {membership}
  {tenant}
  {role}
  onchangerole={() => {}}
  onremove={() => {}}
/>

Props

PropTypeDefaultDescription
membership *Membership-Membership object with status and timestamps
tenant *Tenant-Tenant the membership belongs to
role *Role-Role assigned to the member
onchangerole () => void-Callback for change role action
onremove () => void-Callback for remove action

TypeScript

typescript 
interface Props {
  membership: Membership;
  tenant: Tenant;
  role: Role;
  onchangerole?: () => void;
  onremove?: () => void;
}