| Name | Type | Default | Description |
|---|
| AutoCompleteDelay | int | 100 | Determines the delay before the drop down opens to show the matches from the auto complete operation. The delay is measured in miliseconds. |
| HideInputTagsCloseButton | bool | false | Enables or disables the close buttons when multiple items are selected. |
| ColorItems | bool | true | Enables or disables whether when an item has a 'color' property set, the tag of that item will set automatically the background to that color. |
| DataSource | object | N/A | Determines the data source that will be loaded to the MutliInput. The dataSource can be an array of strings/numbers or objects where the attributes represent the properties of a List Item. For example label, value. It can also be a callback that returns an Array of items as previously described. |
| Disabled | bool | false | Enables or disables the element. |
| DropDownButtonPosition | DropDownButtonPosition | DropDownButtonPosition.Right | 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. |
| InputPurpose | string | "off" | Sets the purpose of the input and what, if any, permission the user agent has to provide automated assistance in filling out the element's input when in a form, as well as guidance to the browser as to the type of information expected in the element. This value corresponds to the standard HTML autocomplete attribute and can be set to values such as 'on', 'name', 'organization', 'street-address', etc. |
| Items | int | 8 | Determines the maximum number of matched items that should be visible inside the drop down as a result of a new autoComplete query. By default the maximum number of 8 items can be displayed inside the drop down. |
| Locale | string | "en" | Sets or gets the language. Used in conjunction with the property messages. |
| Messages | object | N/A | Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale. |
| MinLength | int | 1 | Determines the minimum number of characters inside the input in order to trigger the autocomplete functionality that will open the drop down and show the matched items. |
| 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. |
| Placeholder | string | "" | Determines the placeholder of the input. |
| Pills | bool | false | Enables or disables whether drop-down items are rendered as pills. |
| Query | object | | Sets or gets the query that is used to filter the items. Query is used by the autoComplete operation. Empty string means that all items from the data source will be displayed and no filter query is applied. |
| QueryMode | MultiComboInputQueryMode | MultiComboInputQueryMode.ContainsIgnoreCase | Determines the auto complete query mode. This property also determines the matching algorithm for the autocomplete operation. |
| Readonly | bool | false | Determines whether ot not the user can enter text inside the input. if dropDownButtonPosition is set to 'left' or 'right' then readonly determines whether the element acts as a ComboBox or a DropDownList if a dataSource is provided. |
| RightToLeft | bool | false | Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts. |
| Separator | string | "" | Determines the delimiter between the tags in the input field. |
| SingleSelect | bool | false | Determines whether only a single item can be selected. |
| SelectAll | bool | false | Determines whether an additional item is displayed as the first item in the options list, which allows to select/unselect all items. |
| SelectedValues | IEnumerable<object> | N/A | Gets or sets an array of selected values. |
| Sorted | bool | false | Determines whether the items are sorted alphabetically or not |
| SortDirection | string | "asc" | Determines the sorting algorithm - ascending(asc) or descending(desc) if sort is enabled. |
| InputTagsMode | MultiComboInputInputTagsMode | MultiComboInputInputTagsMode.Many | Determines whether the input field will contain tags for each selected item from the popup or just one that shows the number of selected items. |
| Theme | string | "" | Determines the theme for the element. Themes define the look of the elements. |
| Type | string | "" | Determines the input type. Input type determines what input can be entered. |
| 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. |
| GetDataSourceAsync() | Task<IEnumerable<object>> | 'N/A' | Gets the "DataSource" property as Task<IEnumerable<object>>. |
| GetIsOpenedAsync() | Task<bool> | 'N/A' | Gets the "IsOpened" property as Task<bool>. |
| GetSelectedValuesAsync() | Task<IEnumerable<object>> | 'N/A' | Gets the "SelectedValues" property as Task<IEnumerable<object>>. |
| 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. |