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

inputAccessoryPrefix variant

GeoInput with select prefix

inputAccessorySuffix variant

GeoInput with select suffix