How to add Kanban task card dynamically in Xamarin.Forms

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="50"/>
        </Grid.RowDefinitions>
        <kanban:SfKanban x:Name="kanban" AutoGenerateColumns="False" ItemsSource="{Binding Cards}">
            <kanban:SfKanban.Columns>
                <kanban:KanbanColumn x:Name="openColumn" Title="To Do"  >
                </kanban:KanbanColumn>
                <kanban:KanbanColumn x:Name="progressColumn" Title="In Progress">
                </kanban:KanbanColumn>
                <kanban:KanbanColumn x:Name="codeColumn" Title="Code Review" >
                </kanban:KanbanColumn>
                <kanban:KanbanColumn x:Name="doneColumn" Title="Done"  >
                </kanban:KanbanColumn>
            </kanban:SfKanban.Columns>
        </kanban:SfKanban>
        <Button Text="Add card" Grid.Row="1" x:Name="AddCards" Clicked="AddCards_Clicked"/>
    </Grid>

    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();
 
            openColumn.Categories = new List<object>() { "Open" };
            progressColumn.Categories = new List<object>() { "In Progress" };
            codeColumn.Categories = new List<object>() { "Code Review" };
            doneColumn.Categories = new List<object>() { "Done" };
       }
 
        private void AddCards_Clicked(object sender, EventArgs e)
        {
            KanbanModel kanbanModel = new KanbanModel()
            {
                ID = 8,
                Title = "iOS - 4576",
                Category = "Open",
                Description = "Show the retrieved data from the server in grid control",
                ColorKey = "Green",
                Tags = new string[] { "Story", "Customer" }
            };
 
            (this.kanban.BindingContext as ViewModel).Cards.Add(kanbanModel);
        }
    }