shadow
Dropdown element is used to display the context menu after clicking the button. Allows the user to select one of the predefined options. It contains a Button element that acts as an activator and a Menu element with content in the form of individual MenuItem. items.
Use wje-dropdown to communicate status, result of actions, or required next steps immediately.
Do not show multiple feedback channels for the same event unless there is a strong reason.
Announce status updates with suitable ARIA live regions and manage focus for modal interactions.
- Match message severity (info/success/warning/error) to actual user impact.
- Use confirmations only for destructive or hard-to-reverse actions.
- Keep timeouts consistent so users have enough time to read messages.
| Description | Controls whether the dropdown is currently open. |
| Attribute | active |
| Type | any |
| Default | - |
| Name | Description |
|---|
wje-dropdown:open | Event fired when the dropdown is opened. |
wje-dropdown:close | Event fired when the dropdown is closed. |
| Description | Runs before the component is shown so pre-display setup can be applied. |
| Signature | () => any |
| Description | This method is called after the dropdown is shown. |
| Signature | () => void |
| Name | Description |
|---|
native | The native part of the dropdown. |
No CSS custom properties available for this component.
| Name | Description |
|---|
trigger | The slot for the trigger of the dropdown. |
default | The default slot for the dropdown. |