Checkbox Card Component

Selected: analytics

<CheckboxCard Label="Analytics"
              Value="analytics"
              Aspect="square"
              Selected="@(selectedFeatures.Contains("analytics"))"
              OnChange="@HandleFeatureChange">
    <Visual>
        @* your SVG or preview markup *@
    </Visual>
</CheckboxCard>

@code {
    private HashSet<string> selectedFeatures = new() { "analytics" };

    private void HandleFeatureChange((string? Value, bool Selected) e)
    {
        if (e.Selected) selectedFeatures.Add(e.Value!);
        else             selectedFeatures.Remove(e.Value!);
    }
}

Daily digest

Urgent only

Team channel

Mobile app

Checkbox Card Component

Feature picker

Notification channels

Disabled & pre-selected states