Form Field Native Select

A pre-composed form field that wraps a NativeSelect control with automatic label, helper text, and error message display. Inherits from FormFieldBase, which provides EditContext integration, auto-generated control IDs, ARIA attribute wiring, and validation error state management. Generic over TValue for typed selection binding.

Default

A basic FormFieldNativeSelect with string options and two-way binding via @bind-Value. Use Placeholder to show a disabled first option prompting the user to select.

Selected: None

With Helper Text

Use the HelperText parameter to display guidance below the select. The helper text automatically hides when the field enters an error state, replaced by the error message.
Select your preferred language for notifications.

Sizes

Use the Size parameter to control the select element height. Available sizes are Small, Default, and Large.

With Error

Use ErrorText to manually set a validation error. Click Validate to trigger the error when no option is selected.

Disabled

Set Disabled to true to prevent user interaction. The select and label display with reduced opacity.
Region is determined by your account.

EditForm Validation

Inside an EditForm, validation errors from DataAnnotationsValidator display automatically. Try submitting without selecting any options.

Shipping Details

Select your shipping preferences.

Where should we ship your order?