Dropdown
This documentation provides a comprehensive reference for the
Dropdown component, guiding you through its configuration options.Screenshot #
Dropdown Parameters #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| AdditionalAttributes | Dictionary<string, object>? | null | Gets or sets additional attributes that will be applied to the component. | 1.0.0 | |
| AutoClose | bool | True | If true, enables the auto close. | 1.10.0 | |
| AutoCloseBehavior | DropdownAutoCloseBehavior | Both | Gets or sets the auto close behavior of the dropdown. | 1.10.0 | |
| ChildContent | RenderFragment? | null | Gets or sets the content to be rendered within the component. | 1.10.0 | |
| Class | string? | null | Gets or sets the CSS class name(s) to apply to the component. | 1.0.0 | |
| Color | DropdownColor | None | Gets or sets the dropdown color. | 3.0.0 | |
| Direction | DropdownDirection | Dropdown | Gets or sets the direction of the dropdown menu. | 1.10.0 | |
| Disabled | bool | False | If true, dropdown will be disabled. | 1.10.3 | |
| Id | string? | null | Gets or sets the ID. If not set, a unique ID will be generated. | 1.0.0 | |
| Size | DropdownSize | None | Gets or sets the dropdown size. | 1.10.3 | |
| Split | bool | False | Gets or sets the toggle button split behavior. | 1.10.0 | |
| Style | string? | null | Gets or sets the CSS style string that defines the inline styles for the component. | 1.0.0 |
Dropdown Methods #
| Name | Return type | Description | Added Version |
|---|---|---|---|
| HideAsync() | Task | Hides the dropdown menu of a given navbar or tabbed navigation. | 1.10.0 |
| ShowAsync() | Task | Shows the dropdown menu of a given navbar or tabbed navigation. | 1.10.0 |
| ToggleAsync() | Task | Toggles the dropdown menu of a given navbar or tabbed navigation. | 1.10.0 |
| UpdateAsync() | Task | Updates the position of an element’s dropdown. | 1.10.0 |
Dropdown Events #
| Name | Return Type | Description | Added Version |
|---|---|---|---|
| OnHidden | EventCallback | This event is fired when an dropdown element has been hidden from the user (will wait for CSS transitions to complete). | 1.10.0 |
| OnHiding | EventCallback | This event is fired immediately when the hide method has been called. | 1.10.0 |
| OnShowing | EventCallback | This event fires immediately when the show instance method is called. | 1.10.0 |
| OnShown | EventCallback | This event is fired when an dropdown element has been made visible to the user (will wait for CSS transitions to | 1.10.0 |
DropdownActionButton Parameters #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| AdditionalAttributes | Dictionary<string, object>? | null | Gets or sets additional attributes that will be applied to the component. | 1.0.0 | |
| ChildContent | RenderFragment | null | Gets or sets the content to be rendered within the component. | 1.10.0 | |
| Class | string? | null | Gets or sets the CSS class name(s) to apply to the component. | 1.0.0 | |
| Id | string? | null | Gets or sets the ID. If not set, a unique ID will be generated. | 1.0.0 | |
| Style | string? | null | Gets or sets the CSS style string that defines the inline styles for the component. | 1.0.0 | |
| TabIndex | int? | null | Gets or sets the dropdown action button tab index. | 1.10.0 |
DropdownToggleButton Parameters #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| AdditionalAttributes | Dictionary<string, object>? | null | Gets or sets additional attributes that will be applied to the component. | 1.0.0 | |
| ChildContent | RenderFragment | null | Gets or sets the content to be rendered within the component. | 1.10.0 | |
| Class | string? | null | Gets or sets the CSS class name(s) to apply to the component. | 1.0.0 | |
| Id | string? | null | Gets or sets the ID. If not set, a unique ID will be generated. | 1.0.0 | |
| Style | string? | null | Gets or sets the CSS style string that defines the inline styles for the component. | 1.0.0 | |
| TabIndex | int? | null | Gets or sets the dropdown toggle button tab index. | 1.10.0 |
DropdownMenu Parameters #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| AdditionalAttributes | Dictionary<string, object>? | null | Gets or sets additional attributes that will be applied to the component. | 1.0.0 | |
| ChildContent | RenderFragment | null | Gets or sets the content to be rendered within the component. | 1.10.0 | |
| Class | string? | null | Gets or sets the CSS class name(s) to apply to the component. | 1.0.0 | |
| Id | string? | null | Gets or sets the ID. If not set, a unique ID will be generated. | 1.0.0 | |
| Position | DropdownMenuPosition | Start | Gets or sets the content to be rendered within the component. | 1.10.0 | |
| Style | string? | null | Gets or sets the CSS style string that defines the inline styles for the component. | 1.0.0 |
DropdownHeader Parameters #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| AdditionalAttributes | Dictionary<string, object>? | null | Gets or sets additional attributes that will be applied to the component. | 1.0.0 | |
| ChildContent | RenderFragment? | null | Gets or sets the content to be rendered within the component. | 1.10.0 | |
| Class | string? | null | Gets or sets the CSS class name(s) to apply to the component. | 1.0.0 | |
| Id | string? | null | Gets or sets the ID. If not set, a unique ID will be generated. | 1.0.0 | |
| Style | string? | null | Gets or sets the CSS style string that defines the inline styles for the component. | 1.0.0 |
Dropdown Parameters #
| Name | Type | Default | Required | Description | Added Version |
|---|---|---|---|---|---|
| Active | bool | False | Gets or sets the dropdown item active state. | 1.10.0 | |
| AdditionalAttributes | Dictionary<string, object>? | null | Gets or sets additional attributes that will be applied to the component. | 1.0.0 | |
| ChildContent | RenderFragment? | null | Gets or sets the content to be rendered within the component. | 1.10.0 | |
| Class | string? | null | Gets or sets the CSS class name(s) to apply to the component. | 1.0.0 | |
| Disabled | bool | False | If true, dropdown item will be disabled. | 1.10.0 | |
| Id | string? | null | Gets or sets the ID. If not set, a unique ID will be generated. | 1.0.0 | |
| Style | string? | null | Gets or sets the CSS style string that defines the inline styles for the component. | 1.0.0 | |
| TabIndex | int? | null | Gets or sets the dropdown item tab index. | 1.10.0 | |
| Target | Target | None | Gets or sets the target of dropdown item (if the type is link). | 1.10.0 | |
| To | string? | null | Get or sets the link href attribute (if the type is link). | 1.10.0 | |
| Type | DropdownItemType | Button | Gets or sets the dropdown item type. | 1.10.0 |
