Add select component

BitBlazor.sln

@@ -1,7 +1,7 @@
 
 Microsoft Visual Studio Solution File, Format Version 12.00
-# Visual Studio Version 17
-VisualStudioVersion = 17.12.35527.113 d17.12
+# Visual Studio Version 18
+VisualStudioVersion = 18.2.11415.280
 MinimumVisualStudioVersion = 10.0.40219.1
 Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "src", "src", "{827E0CD3-B72D-47B6-A68D-7590B98EB39B}"
 EndProject
@@ -47,6 +47,21 @@ Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "utilities", "utilities", "{
 		docs\utilities\icon.md = docs\utilities\icon.md
 	EndProjectSection
 EndProject
+Project("{2150E333-8FDC-42A3-9474-1A3956D46DE8}") = "form", "form", "{F518AFB8-A63F-43AA-A476-7580B228283C}"
+	ProjectSection(SolutionItems) = preProject
+		docs\form\checkbox.md = docs\form\checkbox.md
+		docs\form\datepicker.md = docs\form\datepicker.md
+		docs\form\form-components.md = docs\form\form-components.md
+		docs\form\number-field.md = docs\form\number-field.md
+		docs\form\password-field.md = docs\form\password-field.md
+		docs\form\radio.md = docs\form\radio.md
+		docs\form\select-field.md = docs\form\select-field.md
+		docs\form\text-area-field.md = docs\form\text-area-field.md
+		docs\form\text-field.md = docs\form\text-field.md
+		docs\form\timepicker.md = docs\form\timepicker.md
+		docs\form\toggle.md = docs\form\toggle.md
+	EndProjectSection
+EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
 		Debug|Any CPU = Debug|Any CPU
@@ -103,6 +118,7 @@ Global
 		{83213F81-05BC-4E9D-8484-95061A10EC05} = {82151F3B-8000-4279-8313-B91EE0FCCE63}
 		{06530751-809C-4345-9E87-E218FC5B1A03} = {19614F26-5CCD-41B4-9B79-81A8A88217CC}
 		{8E852CC8-E88D-402A-8F0B-B57794EA8F69} = {19614F26-5CCD-41B4-9B79-81A8A88217CC}
+		{F518AFB8-A63F-43AA-A476-7580B228283C} = {19614F26-5CCD-41B4-9B79-81A8A88217CC}
 	EndGlobalSection
 	GlobalSection(ExtensibilityGlobals) = postSolution
 		SolutionGuid = {62D0C14D-C5B1-48FB-AD7E-810A9B818C32}

docs/README.md

@@ -97,6 +97,14 @@ Numeric input field component with increment/decrement controls.
 - Min/max value constraints
 - Custom step values and symbol content
 
+#### [BitSelectField](form/select-field.md)
+Dropdown select input field component.
+- Generic type support for any value type
+- Support for option grouping
+- Disabled options and groups
+- Form validation integration
+- Accessible and responsive
+
 #### [BitCheckbox](form/checkbox.md)
 Checkbox component for binary choices.
 - Boolean value selection

docs/form/form-components.md

@@ -21,6 +21,7 @@ BitBlazor provides a comprehensive set of form components that integrate with:
 | [`BitPasswordField`](password-field.md) | Password input with toggle | Show/hide functionality, secure input |
 | [`BitTextAreaField`](text-area-field.md) | Multi-line text input | Configurable rows, auto-sizing |
 | [`BitNumberField`](number-field.md) | Numeric input with controls | Increment/decrement buttons, type safety, min/max |
+| [`BitSelectField`](select-field.md) | Dropdown select input | Generic type support, option grouping, form validation |
 | [`BitDatepicker`](datepicker.md) | Date input with picker | DateTime/DateOnly support, native browser UI, validation |
 | [`BitTimepicker`](timepicker.md) | Time input with picker | TimeOnly support, native browser UI, validation |
 | [`BitCheckbox`](checkbox.md) | Boolean checkbox input | Inline/grouped layouts, form validation |
@@ -152,6 +153,18 @@ All input components support three sizes:
                           @bind-Value="registrationModel.Phone"
                           For="@(() => registrationModel.Phone)" />
         </div>
+        <div class="col-md-6">
+            <BitSelectField Label="Country" 
+                            @bind-Value="registrationModel.Country"
+                            For="@(() => registrationModel.Country)">
+                <BitSelectItem Value="@string.Empty">Select your country...</BitSelectItem>
+                <BitSelectItem Value="@("IT")">Italy</BitSelectItem>
+                <BitSelectItem Value="@("US")">United States</BitSelectItem>
+                <BitSelectItem Value="@("UK")">United Kingdom</BitSelectItem>
+                <BitSelectItem Value="@("FR")">France</BitSelectItem>
+                <BitSelectItem Value="@("DE")">Germany</BitSelectItem>
+            </BitSelectField>
+        </div>
         <div class="col-12">
             <BitTextAreaField Label="Bio (Optional)" 
                               Rows="4"
@@ -208,6 +221,9 @@ All input components support three sizes:
         [Phone]
         public string? Phone { get; set; }
 
+        [Required(ErrorMessage = "Please select a country")]
+        public string Country { get; set; } = string.Empty;
+
         [StringLength(500)]
         public string? Bio { get; set; }
     }