Name | Type | Default | Description |
Disabled | bool | false | Enables or disables the element. |
DropDownClassList | IEnumerable<object> | N/A | Sets additional class names to the Input drop down. |
DropDownButtonPosition | DropDownButtonPosition | DropDownButtonPosition.None | Determines the position of the drop down button. |
DropDownHeight | object | | Sets the height of the drop down. By default it's set to an empty string. In this case the height of the drop down is controlled by a CSS variable. |
DropDownWidth | object | | Sets the width of the drop down. By default it's set to an empty string. In this case the width of the drop down is controlled by a CSS variable. |
Name | string | "" | Sets or gets the name attribute for the element. Name is used when submiting data inside an HTML form. |
IsOpened | bool | false | Determines whether the drop down is opened or not. |
OnlyCountries | IEnumerable<object> | [] | Sets or gets an array of country codes which will be used instead of the default one with all countries. The country code should be ISO 3166-1 alpha-2 codes(https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2). |
Placeholder | string | "" | Determines the placeholder of the input. |
SelectedCountry | string | "" | Sets or gets the selected country of the element. The country code should be ISO 3166-1 alpha-2 codes(https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2). |
RightToLeft | bool | false | Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. |
Theme | string | "" | Determines the theme for the element. Themes define the look of the elements. |
Unfocusable | bool | false | If is set to true, the element cannot be focused. |
Value | string | "" | Sets or gets the value of the element. |
Name | Type | Arguments | Description |
Close | void | N/A | Closes the drop down. |
EnsureVisible | void | N/A | Ensures that the active ( selected ) item is always visible. |
GetIsOpenedAsync() | Task<bool> | 'N/A' | Gets the "IsOpened" property as Task<bool>. |
GetValueAsync() | Task<string> | 'N/A' | Gets the "Value" property as Task<string>. |
Open | void | N/A | Opens the drop down. |
Refresh | void | 'N/A' | Refreshes the Blazor Component. Performs a layout of the HTML Elements and recalculates the measurements. |
Render | void | 'N/A' | Re-renders the Blazor Component. This method will make a full re-render. |
Select | void | N/A | Selects the text inside the input or if it is <b>readonly</b> then the element is focused. |
StateHasChanged | void | 'N/A' | Refreshes the state and Re-renders the Blazor Component, if necessary. |
Name | Type | Description | Event Detail |
OnChange | EventCallback<Event> | This event is triggered when the selection is changed. | string label- The label of the new selected item., dynamic oldLabel- The label of the item that was previously selected before the event was triggered., dynamic oldValue- The value of the item that was previously selected before the event was triggered., dynamic value- The value of the new selected item. |
Changed | event CountryInputChangedEventHandler | This event is triggered when the selection is changed. | CountryInputChangedEventArgs |
OnChanging | EventCallback<Event> | This event is triggered on each key up event of the Input, if the value is changed. | dynamic oldValue- The previous value before it was changed., dynamic value- The new value. |
Changing | event CountryInputChangingEventHandler | This event is triggered on each key up event of the Input, if the value is changed. | CountryInputChangingEventArgs |
OnItemClick | EventCallback<Event> | This event is triggered when the user clicks on an item from the popup list. | dynamic item- The item that was clicked., string label- The label of the item that was clicked., dynamic value- The value of the item that was clicked. |
ItemClicked | event CountryInputItemClickedEventHandler | This event is triggered when the user clicks on an item from the popup list. | CountryInputItemClickedEventArgs |