Happeo UIkit logo
Components
Home
Packages
AlertsAvatarBannersBreadcrumbsButtonsButtonsDS3CardColor PickerColorsContent RendererEmojisFile IconFile PickerFile pickerDropzoneForm ElementsIcons AppIcons FileIcons FlagIcons LegacyIcons SymbolImage CarouselImage CropperImage GridLayoutListLoadersMenusModalsNavigationThemeToastTypography

File-picker

File picker

onSelected
func
() => {}
disabled
bool
text
string

Dropzone

Dropzone

Dropzone always returns an array on the onSelect callback. Important: If you have added inputProps multiple:false, and user drag-drops more than 1 file, all dropped files will be returned. You need to select the first one on the list if necessary. This is to retain the fileList prototype.

Dropzone with custom main text and custom input props

Dropzone with custom children

The following attributes are injected into the child:

  • clickUpload -fn
  • isDragging -bool
  • isDragActive -bool
  • disabled -bool

Dropzone that is disabled

onSelected
func
() => {}
disabled
bool
false
text
string
null
inputProps
object
{ multiple: true }