Native Select
Native Select
A styled wrapper around the browser's native select element.
Basic Example
A simple native select with options.
Selected: none
With Placeholder
Select with a placeholder option.
Sizes
Native select comes in small, default, and large sizes.
Disabled
A disabled native select cannot be interacted with.
With Option Groups
Native select supports option groups for organized choices.
Numeric Values
Native select supports generic value types including numeric values.
Selected number: 0
API Reference
Component parameters and their types.
| Prop | Type | Default | Description |
|---|---|---|---|
| TValue | generic | - | The value type (string, int, etc.). |
| Value | @bind-Value / TValue? | — | The selected value. |
| Placeholder | string? | — | Placeholder text when no value is selected. |
| Size | NativeSelectSize | Default | Small, Default, or Large. |
| Disabled | bool | false | Disables the select. |