GeoSelectToggleButton Ready 4.1.0+

Properties

Prop name	Type	Default value	Description
`deleteIcon`	`array`	`function () { return ['fas', 'times-circle'] }`	Show description
`dropdownIcon`	`array`	`function () { return ['fal', 'chevron-down'] }`	Show description
`dropdownDisabledIcon`	`array`	`function () { return ['fal', 'lock'] }`	Show description
`isValueDeletable`	`boolean`	`false`	Show description
`isEmpty`	`boolean`		Show description
`disabled`	`boolean`	`false`	Show description
`variant`	`enumPropertyFactory({ componentName: 'GeoSelectToggleButton', propertyName: 'variant', enumDictionary: VARIANTS, required: false, checkUndefined: true })`		Show description

Events

Name	Type	Description
`click`	`MouseEvent`	Click on select event.
`delete-value`		User typed on the input box.

Slots

Name	Description
`default`	Use this slot to customize what is displayed in the button. Note: This will be styled differently when `isEmpty` prop is `true`.

Constants

Name	Value
`VARIANTS`	Show definition

Examples

Regular variant

Choose an option

Item 1

Item 1

Choose an option

Choose an option

inputAccessoryPrefix variant

Choose an option

Item 1

Item 1

Choose an option

Choose an option

GeoInput with select prefix

meters

inputAccessorySuffix variant

Choose an option

Item 1

Item 1

Choose an option

Choose an option

GeoInput with select suffix

meters