GeoInput Ready 24.1.0+

GeoInput component works like a native input but can be customisable with a label and a message as well as different color schemes to give feedback to the user.

Properties

Prop name Type Default value Description
value number|string Show description
disabled boolean false Show description
readOnly boolean false Show description
error boolean false Show description
success boolean false Show description
disabledIcon array
function () {
  return ['fal', 'lock-alt']
}
Show description
deleteInputValueIcon array
function () {
  return ['fas', 'times-circle']
}
Show description

Events

Name Type Description
input KeyboardEvent User typed on the input box.
delete-value User typed on the input box.

Slots

Name Description
label

Use this slot to customize what’s displayed as input label

leadingAccessoryItem

Use this slot to add leading items inside the input

trailingAccessoryItem

Use this slot to add trailing items inside the input

message

Use this slot to customize what’s displayed as input message

Constants

This component has no exported constants.

Examples

Simple input

Simple input with delete event

Input states

Disabled input

Read only input

Input text with events

Input number with validation and delete event

Input with leading accessory item

Input with trailing accessory item

Prefixed input

Suffixed input with delete event

Disabled input with suffix

Input with suffix and trailing accessory item

Input number with suffix and delete event

Input with select suffix

Prefixed and suffixed input with delete event