Membership EventCallback Example

Constants.cs

public enum MembershipLevel
{
  Normal,
  Plus,
  Pro,
}

MembershipCard.razor

<div class="card">
  <h2>@Name</h2>
  <div class="reaction">@Emoji</div>
  <button type="button" @onclick="ChooseMembershipLevel">Choose</button>
</div>

@code {
  [Parameter] public string Name { get; set; } = string.Empty;
  [Parameter] public string Emoji { get; set; } = string.Empty;
  [Parameter] public MembershipLevel Level { get; set; }

  [Parameter] public EventCallback<MembershipLevel> OnSelection { get; set; }
    
  public async Task ChooseMembershipLevel()
  {
    await OnSelection.InvokeAsync(Level);
  }
}

MembershipPage.razor

@page "/membership"

<h1>Choose Membership</h1>

<MembershipCard
  Name="Normal"
  Emoji="🙂"
  Level="@MembershipLevel.Normal"
  OnSelection="ChooseMembership"
/>

<MembershipCard
  Name="Plus"
  Emoji="😀"
  Level="@MembershipLevel.Plus"
  OnSelection="ChooseMembership"
/>

<MembershipCard
  Name="Pro"
  Emoji="🤩"
  Level="@MembershipLevel.Pro"
  OnSelection="ChooseMembership"
/>

@code {
  private void ChooseMembership(MembershipLevel level)
  {
    // do something now that you know their choice
  }
}