DropFile

UsoExemplos
• API

Import

import { DropFile } from '@resultadosdigitais/tangram-components'

Properties

accept

Type	string
Default	''

Description

Sets allowed file formats.

accept=".png, .jpg"

acceptMessage

Type	string | node
Default	ACCEPT_MESSAGE

Description

Sets a custom accept message.

autoUpload

Type	bool
Default	false

Description

Indicates that the file should be uploaded right after user select a valid one.

browseButtonText

Type	string | node
Default	BROWSE_BUTTON_TEXT

Description

Sets a custom text for browse button.

disabled

Type	bool
Default	false

Description

Sets if is disabled.

initialFile

Type	object | enum
Default	null

Description

Object containing at least name attribute.

invalidFileErrorMessage

Type	string | node
Default	INVALID_FILE_ERROR_MESSAGE

Description

Sets a custom invalid file error message.

onChange

Type	func
Default	() => {}

Description

Sets a custom listener to be executed when selected file changes.

onUpload

Type	func
Default	() => {}

Description

Sets a custom listener to be executed when file is valid and autoUpload has been set as true.

onUploadSuccess

Type	func
Default	() => {}

Description

Sets a custom listener to be executed on upload success.

onUploadError

Type	func
Default	() => {}

Description

Sets a custom listener to be executed on upload error.

progress

Type	number
Default	0

Description

Sets progress shown by progress bar.

retryButtonText

Type	string | node
Default	RETRY_BUTTON_TEXT

Description

Sets a custom text for retry button.

selectionFileMessage

Type	string | node
Default

Description

Sets a custom selection file message.

successMessage

Type	string | node
Default	SUCCESS_MESSAGE

Description

Sets a custom success message.

uploadErrorMessage

Type	string | node
Default	UPLOAD_ERROR_MESSAGE

Description

Sets a custom upload error message.

uploadProcessingMessage

Type	string | node
Default	UPLOAD_PROCESSING_MESSAGE

Description

Sets a custom message to be shown during the upload processing.

Feedback

Para reportar algum problema ou sugerir alterações, use nosso formulário de melhorias ou, se preferir, abra uma issue no nosso Github.