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.

Reconnecting...

Attempting to rejoin the server

Connection Lost

Retrying in seconds

Connection Failed

Failed to rejoin the server.
Please retry or reload the page.

Session Paused

The session has been paused by the server

Resume Failed

Failed to resume the session.
Please reload the page.