Correct binding for dynamically created InputCheckboxes

[andyw-cyberkiln]

Hi all,

I am struggling to find the correct syntax to define the binds for InputCheckboxes for dynamically created options.

Here is a simplified version of what I'm trying to achieve:

First, I have an enum of available options:

public enum MotivationOption
{
    FirstOption,
    SecondOption,
    ThirdOption,
    ...
}

Then I have a component which is rendered using Static Server Side Rendering.

On my component model, I have this property:

    public HashSet<MotivationOption> SelectedOptions { get; set; }
        = [];

And finally I have the following code to generate the input check boxes inside an <EditForm>:

    @foreach (var motiviationOption in Enum.GetValues<MotivationOption>())
    {
        <p>
            <label>
                <InputCheckbox {These are the bindings I'm struggling with} />
                @motiviationOption.GetDescription()
            </label>
        </p>
    }

What I require is the following:

1. When the component is rendered, it should get the IsChecked value from Model.SelectedOptions.Contains(motiviationOption)
2. When a checkbox is clicked, it should then either add or remove from the SelectedOptions list

Can I do this using some combination of @bind- properties on the InputCheckbox? Or do I need to revert to a standard <input type=checkbox/> and what bindings would I need for the above functionality to work?

Thanks all,
Andy