| Name | Type | Default | Description |
|---|
| AutoCloseDelay | int | 100 | Determines the delay before the opened drop down closes when dropDownOpenMode is set to 'auto'. |
| Disabled | bool | false | Enables or disables the element. |
| DropDownAppendTo | string | "null" | Sets the parent container of the dropDown (the popup). Used when a CSS property of unknowned parent is interfering with the visibility of the dropDown. |
| DropDownButtonPosition | DropDownButtonPosition | DropDownButtonPosition.Right | Determines the position of the drop down button. |
| DropDownHeight | object | | Sets the height of the drop down. Default value of empty string means that CSS variables are used. This property should be used when the browser doesn't support CSS variables. |
| DropDownMaxHeight | object | | Sets the max height of the drop down. Default value of empty string means that CSS variables are used. This property should be used when the browser doesn't support CSS variables. |
| DropDownMaxWidth | object | | Sets the max width of the drop down. Default value of empty string means that CSS variables are used. This property should be used when the browser doesn't support CSS variables. |
| DropDownMinHeight | object | | Sets the min height of the drop down. Default value of empty string means that CSS variables are used. This property should be used when the browser doesn't support CSS variables. |
| DropDownMinWidth | object | | Sets the min width of the drop down. Default value of empty string means that CSS variables are used. This property should be used when the browser doesn't support CSS variables. |
| DropDownOpenMode | DropDownOpenMode | DropDownOpenMode.Default | Determines how the drop down is going to open. |
| DropDownOverlay | bool | false | If this property is enabled, when the element's dropdown is opened, a transparent overlay is positioned between the dropdown and the rest of the document. |
| DropDownPlaceholder | string | "No Items" | Sets a placeholder text to appear when there is no content inside the dropdown. |
| DropDownPosition | DropDownPosition | DropDownPosition.Auto | Determines the vertical position of the dropDown. 'Auto' means its automatically determined depending on the viewport size. |
| DropDownWidth | object | | Sets the width of the drop down. Default value of empty string means that CSS variables are used. This property should be used when the browser doesn't support CSS variables. |
| Hint | string | "" | Sets additional helper text below the element. The hint is visible only when the element is focused. |
| HorizontalScrollBarVisibility | HorizontalScrollBarVisibility | HorizontalScrollBarVisibility.Auto | Determines the visibility of the horizontal Scroll bar inside the drop down. |
| Label | string | "" | Sets a label above the element. The label is always visible. |
| 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. |
| IsOpened | bool | false | Determines whether the popup is opened or closed |
| Placeholder | string | "" | Determines the element's placeholder, displayed in the element's action button container. |
| PlaceholderTemplate | object | N/A | Determines the element's placeholder template, displayed in the element's action button container. You can pass 'string', 'function' or HTMLTemplateElement as a value. |
| Readonly | bool | false | Disables user interaction with the element. |
| ResizeIndicator | bool | false | Determines whether the resize indicator in the bottom right corner is visible or not. |
| ResizeMode | ResizeMode | ResizeMode.Null | Determines whether the dropDown can be resized or not. When resizing is enabled, a resize bar appears on the top/bottom side of the drop down. |
| 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. Theme defines the look of the element |
| Unfocusable | bool | false | If is set to true, the element cannot be focused. |
| VerticalScrollBarVisibility | VerticalScrollBarVisibility | VerticalScrollBarVisibility.Auto | Determines the visibility of the vertical scroll bar. |
| Name | Type | Arguments | Description |
|---|
| AppendChild | dynamic | dynamic node | Appends a new HTML node to the drop down.Args: dynamic node - The node to be appended |
| Close | void | N/A | Closes the dropDown. |
| GetIsOpenedAsync() | Task<bool> | 'N/A' | Gets the "IsOpened" property as Task<bool>. |
| Open | void | N/A | Opens the dropDown. |
| Refresh | void | 'N/A' | Refreshes the Blazor Component. Performs a layout of the HTML Elements and recalculates the measurements. |
| RemoveAll | void | N/A | Removes everything from the drop down. |
| RemoveChild | dynamic | dynamic node | Removes a child node from the drop down.Args: dynamic node - The node to remove. |
| Render | void | 'N/A' | Re-renders the Blazor Component. This method will make a full re-render. |
| ScrollTo | void | int top, int left | Scrolls the drop down to a specific position.Args: int top - Y axis coordinate,int left - X axis coordinate |
| StateHasChanged | void | 'N/A' | Refreshes the state and Re-renders the Blazor Component, if necessary. |
| Name | Type | Description | Event Detail |
|---|
| OnActionButtonClick | EventCallback<Event> | This event is triggered when user clicks on the action button. The action button is visible when the "placeholder" is set. | N/A |
| ActionButtonClicked | event DropDownButtonActionButtonClickedEventHandler | This event is triggered when user clicks on the action button. The action button is visible when the "placeholder" is set. | DropDownButtonActionButtonClickedEventArgs |
| OnClose | EventCallback<Event> | This event is triggered when the drop down is closed. | N/A |
| Closed | event DropDownButtonClosedEventHandler | This event is triggered when the drop down is closed. | DropDownButtonClosedEventArgs |
| OnClosing | EventCallback<Event> | This event is triggered when the drop down list is about to be closed. This event allows to cancel the closing operation calling event.preventDefault() in the event handler function. | N/A |
| Closing | event DropDownButtonClosingEventHandler | This event is triggered when the drop down list is about to be closed. This event allows to cancel the closing operation calling event.preventDefault() in the event handler function. | DropDownButtonClosingEventArgs |
| OnDropDownButtonClick | EventCallback<Event> | This event is triggered when user clicks on the drop down button. | N/A |
| DropDownButtonClicked | event DropDownButtonDropDownButtonClickedEventHandler | This event is triggered when user clicks on the drop down button. | DropDownButtonDropDownButtonClickedEventArgs |
| OnOpen | EventCallback<Event> | This event is triggered when the drop down is opened. | N/A |
| Opened | event DropDownButtonOpenedEventHandler | This event is triggered when the drop down is opened. | DropDownButtonOpenedEventArgs |
| OnOpening | EventCallback<Event> | This event is triggered when the drop down is about to be opened. This event allows to cancel the opening operation calling event.preventDefault() in the event handler function. | N/A |
| Opening | event DropDownButtonOpeningEventHandler | This event is triggered when the drop down is about to be opened. This event allows to cancel the opening operation calling event.preventDefault() in the event handler function. | DropDownButtonOpeningEventArgs |
| OnResizeStart | EventCallback<Event> | This event is triggered when user starts resizing the drop down. | dynamic position- An object containing the current left and top positions of the drop down. |
| ResizeStarted | event DropDownButtonResizeStartedEventHandler | This event is triggered when user starts resizing the drop down. | DropDownButtonResizeStartedEventArgs |
| OnResizeEnd | EventCallback<Event> | This event is triggered when user finishes resizing the drop down. | dynamic position- An object containing the current left and top positions of the drop down. |
| ResizeEnded | event DropDownButtonResizeEndedEventHandler | This event is triggered when user finishes resizing the drop down. | DropDownButtonResizeEndedEventArgs |