@page "/test"
@using Syncfusion.Blazor
@using Syncfusion.Blazor.DropDowns

<SfMultiSelect TValue="object[]" TItem="Games" Placeholder="Favorite Sports" DataSource="@LocalData" @bind-Value="@data">
    <MultiSelectFieldSettings Text="Text" Value="ID"></MultiSelectFieldSettings>
</SfMultiSelect>

@if (data != null)
{
<div>
    @string.Join(",", data.Select(x => x.ToString()))
</div>
<div>
    @data.Count() Items
</div>
}

@code {
    public enum GameTypes
    {
        Game1, Game2, Game3, Game4, Game5
    }
    public object[] data { get; set; } = new object[] { GameTypes.Game1, GameTypes.Game3 };
    public class Games
    {
        public object ID { get; set; }
        public string Text { get; set; }
    }
    List<Games> LocalData = new List<Games> {
    new Games() { ID= GameTypes.Game1, Text= "American Football" },
    new Games() { ID= GameTypes.Game2, Text= "Badminton" },
    new Games() { ID= GameTypes.Game3, Text= "Basketball" },
    new Games() { ID= GameTypes.Game4, Text= "Cricket" },
    new Games() { ID= GameTypes.Game5, Text= "Football" },
    };
}