SelectedValues { get; set; }
diff --git a/Havit.Blazor.Components.Web.Bootstrap/Forms/MultiSelectSettings.cs b/Havit.Blazor.Components.Web.Bootstrap/Forms/MultiSelectSettings.cs
index 27a621314..4bdca09f7 100644
--- a/Havit.Blazor.Components.Web.Bootstrap/Forms/MultiSelectSettings.cs
+++ b/Havit.Blazor.Components.Web.Bootstrap/Forms/MultiSelectSettings.cs
@@ -12,6 +12,11 @@ public record MultiSelectSettings : InputSettings
///
public InputSize? InputSize { get; set; }
+ ///
+ /// The label type.
+ ///
+ public LabelType? LabelType { get; set; }
+
///
/// Enables filtering capabilities.
///
diff --git a/Havit.Blazor.Documentation/Pages/Components/FormInputs/FormInputs_Documentation.razor b/Havit.Blazor.Documentation/Pages/Components/FormInputs/FormInputs_Documentation.razor
index c4e80608a..da14d6141 100644
--- a/Havit.Blazor.Documentation/Pages/Components/FormInputs/FormInputs_Documentation.razor
+++ b/Havit.Blazor.Documentation/Pages/Components/FormInputs/FormInputs_Documentation.razor
@@ -37,7 +37,9 @@
Floating labels provide a sleek and simple design, floating elegantly over your input fields.
See Bootstrap 5 documentation on Floating labels.
- They are supported by HxInputText
, HxInputTextArea
, HxInputNumber
, HxInputDate
, HxAutosuggest
, HxSelect
, and HxInputTags
.
+ They are supported by HxInputText
, HxInputTextArea
,
+ HxInputNumber
, HxInputDate
, HxAutosuggest
,
+ HxSelect
, HxMultiSelect
and HxInputTags
.
Inputs with floating labels can't have the Placeholder
parameter set.
diff --git a/Havit.Blazor.Documentation/XmlDoc/Havit.Blazor.Components.Web.Bootstrap.xml b/Havit.Blazor.Documentation/XmlDoc/Havit.Blazor.Components.Web.Bootstrap.xml
index 337ca541a..f720632d4 100644
--- a/Havit.Blazor.Documentation/XmlDoc/Havit.Blazor.Components.Web.Bootstrap.xml
+++ b/Havit.Blazor.Documentation/XmlDoc/Havit.Blazor.Components.Web.Bootstrap.xml
@@ -4699,6 +4699,9 @@
Icon displayed in filter input for clearing the filter.
+
+
+
@@ -5429,6 +5432,11 @@
Input size.
+
+
+ The label type.
+
+
Enables filtering capabilities.
diff --git a/Havit.Blazor.TestApp/Havit.Blazor.TestApp.Client/HxMultiSelectTests/HxMultiSelect_FloatingLabel_Test.razor b/Havit.Blazor.TestApp/Havit.Blazor.TestApp.Client/HxMultiSelectTests/HxMultiSelect_FloatingLabel_Test.razor
new file mode 100644
index 000000000..49ff2a4da
--- /dev/null
+++ b/Havit.Blazor.TestApp/Havit.Blazor.TestApp.Client/HxMultiSelectTests/HxMultiSelect_FloatingLabel_Test.razor
@@ -0,0 +1,45 @@
+@page "/HxMultiSelect_FloatingLabel"
+@rendermode InteractiveServer
+@inject IDemoDataService DemoDataService
+
+
+
+
+
+ For visual reference:
+
+
+
+
+
+Selected employees (IDs): @String.Join(", ", selectedEmployeeIds.Select(e => e.ToString()))
+
+@code {
+ private IEnumerable employees;
+ private List selectedEmployeeIds = new();
+ private int? selectedEmployeeId;
+
+ protected override async Task OnInitializedAsync()
+ {
+ employees = await DemoDataService.GetAllEmployeesAsync();
+ }
+}
\ No newline at end of file