Prebuilt file upload UI

Allow users to easily upload documents to their Moov account.

With the moov-file-upload drop, you can easily allow end users to upload important documents to their existing Moov account.

Upload document modal in Moov drop

Visit our Drops 101 guide to learn the basics of properties, attributes, and initializing Drops.

Properties

Properties can be accessed through JavaScript using a reference to the moov-file-upload element.

Property	Type	Description
`token`	String	Auth token used for hitting the API. See the scopes section for more detail
`accountID`	String	The ID of the Moov connected account to which the file will be uploaded
`open`	Boolean	Whether or not the dialog is currently displayed to the user
`onError`	Function	Callback fired when the dialog encounters an error
`onCancel`	Function	Callback fired when the user attempts to close the dialog
`onSuccess`	Function	Callback fired when the user uploads a file. Passes a Moov file object as a parameter

How to set a property

1
2


const fileUpload = document.querySelector('moov-file-upload');
fileUpload.token = 'eyjh...';

1
2
3
4
5


const fileUpload = file.querySelector('moov-file-upload');
fileUpload.onError = ({ errorType, error }) => {
  console.log(errorType); // "token", "document", etc
  console.error(error); // Error message
};

Attributes

String-type properties can be set via attributes on the HTML <moov-file-upload> element.

Attribute	Description
`token`	Auth token used for hitting the API. See the scopes section for more detail
`account-id`	ID of the Moov account to which the payment method will be added

Scopes

To upload a document, your Moov API token must include the following scopes.

/files.write

tip

Read our guide on scopes for more information on Moov’s authentication protocol.

Theming

Visit our guide on themes to learn how to re-style Moov Drops.