public MultiselectSample()
{
var combo = new HtmlSelectElement
{
Class = "form-control",
Multiple = true
};
combo.AddOption("N", "North");
combo.AddOption("E", "East");
combo.AddOption("S", "South");
combo.AddOption("W", "West");
var toggle = new HtmlButtonElement
{
Class = "btn btn-primary",
InnerText = "Toggle"
};
toggle.On("click", () =>
{
foreach (var child in combo.Children)
{
if (child is not HtmlOptionElement option)
{
continue;
}
option.Selected = !option.Selected;
}
public CheckboxSample()
{
var checkbox = new HtmlInputElement
{
Id = "mycheckbox",
Type = "checkbox",
Class = "form-check-input"
};
var toggle = new HtmlButtonElement
{
Class = "btn btn-primary",
InnerText = "Toggle"
};
toggle.On("click", () =>
{
checkbox.Checked = !checkbox.Checked;
return(Task.CompletedTask);
});
ShadowRoot.Children = new Node[]
{
new HtmlDivElement
{
Class = "form-row",
Children = new Node[]
{
new HtmlDivElement
{
Class = "form-group col-md-2 my-1",
Children = new Node[]
{
new HtmlDivElement
{
Class = "form-check",
Children = new Node[]
{
checkbox,
new HtmlLabelElement
{
For = checkbox.Id,
InnerText = "Check me out"
}
}
}
}
},
new HtmlDivElement
{
Class = "form-group col-md-1",
Children = new Node[]
{
toggle
}
}
}
}
};
}
