GeoDropdown Ready 4.0.0+
GeoDropdown is a combination of a button and a popup which can be toggled in
and out using the button. It's suitable for dropdown menus and actions which
require additional or complex user input like handling data filters.
The popup is smartly repositioned when it does not fit below the toggle button and is pinned to right side of the button when its content overflows viewport if pinned to left side.
Properties
| Prop name | Type | Default value | Description |
|---|---|---|---|
opened
| boolean | Show description | |
preferredXAxisPosition
| enumPropertyFactory({
componentName: 'GeoDropdown',
propertyName: 'preferredXAxisPosition',
enumDictionary: GeoDropdownConstants.X_AXIS_POSITION,
defaultValue: GeoDropdownConstants.X_AXIS_POSITION.left
}) | Show description | |
preferredYAxisPosition
| enumPropertyFactory({
componentName: 'GeoDropdown',
propertyName: 'preferredYAxisPosition',
enumDictionary: GeoDropdownConstants.Y_AXIS_POSITION,
defaultValue: GeoDropdownConstants.Y_AXIS_POSITION.bottom
}) | Show description | |
forceYAxisPosition
| enumPropertyFactory({
componentName: 'GeoDropdown',
propertyName: 'forceYAxisPosition',
enumDictionary: GeoDropdownConstants.Y_AXIS_POSITION,
required: false,
checkUndefined: true
}) | Show description | |
fixedWidth
| boolean |
false
| Show description |
popupClass
| string|array|object | Show description | |
repositionOnUpdate
| boolean |
false
| Show description |
Events
| Name | Type | Description |
|---|---|---|
click-outside |
MouseEvent
| User clicked outside toggle button or popup of this menu. |
Slots
| Name | Description |
|---|---|
toggleButton | Use this slot to customize the button used to toggle the popup |
popupContent | Use this slot to customize popup’s content |
Constants
| Name | Value |
|---|---|
X_AXIS_POSITION | Show definition |
Y_AXIS_POSITION | Show definition |
geoDropdownMixinFactory | Show definition |