Checkbox Card Component
Feature picker
Select multiple features
Selected: analytics
razor
<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!);
}
}Notification channels
Landscape visuals — mix and match channels
Disabled & pre-selected states
Disabled variants