GeoSelectBase Ready 4.1.0+
GeoSelectBase is an advance component to build select-like flows. It offers
the minimum boilerplate to create a popup-driven single-element pickers.
TIP
Use this component if you want to build a custom experience. If you just need
a drop-in replacement for HTML <select> tag you might probably want to use
GeoSelect component.
Properties
| Prop name | Type | Default value | Description |
|---|---|---|---|
opened
| boolean | Show description | |
fixedWidth
| boolean |
true
| Show description |
hasMoreResults
| boolean |
false
| Show description |
forceYAxisPosition
| enumPropertyFactory({
componentName: 'GeoSelectBase',
propertyName: 'forceYAxisPosition',
enumDictionary: Y_AXIS_POSITION,
required: false,
checkUndefined: true
}) | Show description | |
popupClass
| string|array|object | Show description |
Events
| Name | Type | Description |
|---|---|---|
click-outside |
MouseEvent
| Click outside GeoSelect event |
load-more-results |
{scrollToLastEntry: Function
| Load more results in GeoSelect options |
Slots
| Name | Description |
|---|---|
toggleButton | Use this slot to customize the button toggling the actual selection popup |
header | Use this slot to customize the header of the selection popup |
default | Use this slot to customize the main content of the selection popup |
moreResultsTextContent | Use this slot to customize the label of the button allowing user to load more data when there are too much elements to be displayed at once |
footer | Use this slot to customize the footer of the selection popup |
Constants
| Name | Value |
|---|---|
X_AXIS_POSITION | Show definition |
Y_AXIS_POSITION | Show definition |