shadow
Dropdown element slúži na zobrazenie kontextového menu po kliknutí na tlačidlo. Umožňuje používateľovi zvoliť jednu z preddefinovaných možností. Obsahuje element Button, ktorý funguje ako aktivátor a element Menu s obsahom v podobe jednotlivých položiek MenuItem..
Description | Sets the location of the drop-down menu. The options are "start", "end", "top", "bottom". |
Attribute | placement |
Type | string |
Default | "start" |
Description | Specifies the distance of the context menu from the button. |
Attribute | offset |
Type | number |
Default | 0 |
Description | Specifies how the dropdown is activated. The values can be "click" or "hover". |
Attribute | trigger |
Type | string |
Default | "click" |
Description | Text that appears as a tooltip when hovered over an element. |
Attribute | tooltip |
Type | string |
Default | undefined |
Description | If true , the dropdown will automatically close when the menu item is clicked. |
Attribute | collapsible |
Type | boolean |
Default | false |
Name | Description |
---|
wje-dropdown:open | It is emitted when the dropdown menu is opened. |
wje-dropdown:close | It is emitted when the dropdown menu is closed. |
Description | Method executed before the dropdown menu is displayed. |
Signature | () => Promise<any> |
Description | Method executed after the dropdown menu is displayed. |
Signature | () => Promise<void> |
Description | Method executed before closing the dropdown menu. |
Signature | () => Promise<void> |
Description | Method executed after closing the dropdown menu. |
Signature | () => Promise<void> |
Name | Description |
---|
native | Refers to the div element inside the dropdown |
Name | Description |
---|
--wj-dropdown-background | Dropdown menu background colour |
--wj-dropdown-border-radius | Rounding the edges of the dropdown menu |
--wj-dropdown-border-width | Dropdown menu border width |
--wj-dropdown-border-color | Dropdown menu border colour |
--wj-dropdown-box-shadow | Shadow dropdown menu |
--wj-dropdown-width | Dropdown menu width |
--wj-dropdown-min-width | Minimum dropdown menu width |
--wj-dropdown-max-width | Maximum dropdown menu width |
Name | Description |
---|
trigger | An element that serves as a trigger for displaying the dropdown menu. |
`` | The contents of the dropdown menu. |