diff --git a/Examples/Data/Models/PizzaTopping.cs b/Examples/Data/Models/PizzaTopping.cs
new file mode 100644
index 0000000..f9848e3
--- /dev/null
+++ b/Examples/Data/Models/PizzaTopping.cs
@@ -0,0 +1,8 @@
+namespace Examples.Data.Models
+{
+ public class PizzaTopping
+ {
+ public int? Id { get; set; }
+ public string Name { get; set; }
+ }
+}
\ No newline at end of file
diff --git a/Examples/Pages/Index.razor b/Examples/Pages/Index.razor
index dfb6306..0f7c84c 100644
--- a/Examples/Pages/Index.razor
+++ b/Examples/Pages/Index.razor
@@ -1,5 +1,8 @@
@page "/"
+@using Examples.Data.Models
+@using Newtonsoft.Json
+
Select single from DbSet:
Selected Phone Single:
-
+
+Select multiple from DbSet:
+ OnValueChanged="StateHasChanged">
Selected Phone Multiple:
-
+
+Select multiple from DbSet with custom Option markup:
-
+ class="mb-5">
+Select from simple data source:
+ class="mb-5">
+Select enum:
+ class="mb-5">
+Select enum multiple:
+ class="mb-5">
+
+Select multiple with tagging (dynamic option creation):
+
@code{
private List selectedPhonesSingle = new List { };
@@ -78,6 +98,22 @@
private List selectedAnimal = new List { };
private List selectedAnimals = new List { };
+ private List _pizzaToppings { get; set; } =
+ new List
+ {
+ new PizzaTopping { Id = 0, Name = "Pepperoni" },
+ new PizzaTopping { Id = 1, Name = "Pineapple" },
+ new PizzaTopping { Id = 2, Name = "Canadian Bacon" }
+ };
+
+ private List _selectedPizzaToppings { get; set; } = new List();
+
+ private InputSelect2Options _pizzaToppingOptions { get; set; } = new InputSelect2Options
+ {
+ Tags = true,
+ Multiple = true
+ };
+
private int[] simpleDatasource = new[] { 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 };
private List selectedSimpleInt = new List { };
diff --git a/src/Models/InputSelect2Options.cs b/src/Models/InputSelect2Options.cs
index 2f0b30e..e28cbdd 100644
--- a/src/Models/InputSelect2Options.cs
+++ b/src/Models/InputSelect2Options.cs
@@ -72,5 +72,7 @@ public class InputSelect2Options {
public bool ScrollAfterSelect { get; set; } = false;
[JsonProperty("noMarkupEscape")]
public bool NoMarkupEscape { get; set; } = true;
+ [JsonProperty("tags")]
+ public bool Tags { get; set; } = false;
}
}