Skip to main content

Dropdown

Dropdown | WebJET Element to display the context menu 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.

Basic Usage

Attributes and Properties

offset

DescriptionSpecifies the distance of the context menu from the button.
Attributeoffset
Typenumber
Default0

placement

DescriptionSpecifies the location of the hint after the value is copied.
Attributeplacement
Type"bottom" | "bottom-end" | "bottom-start" | "left-bottom" | "left" | "left-top" | "right-bottom" | "right" | "right-top" | "top" | "top-end" | "top-start" | string & Record<never, never> | undefined
Defaultundefined

Events

No events available for this component.

Methods

No public methods available for this component.

CSS Shadow Parts

NameDescription
nativeRefers to the div element inside the dropdown

CSS Custom Properties

No CSS custom properties available for this component.

Slots

No slots available for this component.