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. |