GeoFileUpload Ready 6.2.0+

GeoFileUpload is a form input designed to upload local files to a server. It supports drag & drop and different status variants.

Only one file can be uploaded using this component.

Properties

Prop name	Type	Default value	Description
status	enumPropertyFactory({ componentName: 'GeoFileUpload', propertyName: 'status', enumDictionary: STATUS, required: true })		Show description
uploadIcon	array	function () { return ['fal', 'upload'] }	Show description
successIcon	array	function () { return ['fal', 'check-circle'] }	Show description
errorIcon	array	function () { return ['fal', 'exclamation-triangle'] }	Show description
warningIcon	array	function () { return ['fal', 'exclamation-triangle'] }	Show description

Events

Name	Type	Description
open-pick-dialog	MouseEvent	User clicked on the input.
pick-file	File	User picked a file.

Slots

Name	Description
loading	Use this slot to customize what’s displaying in loading state
title	Use this slot to customize the title displayed below icon and above help lines.
help	Use this slot to customize help text on the bottom.

Constants

Name	Value
STATUS	Show definition

Examples

Full flow

Initial state

Focused state

Success state

Error state

Warning state

Loading state