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 } } } } }; }