DevactionUI.Dropzone (devaction_ui v0.1.0)

Copy Markdown View Source

The place to drop a file: a dashed area with an icon, what it takes and the limits. It wraps a LiveView upload (allow_upload/3), so the same area takes a drop and a click, and highlights while a file is over it (DevactionUI.Dropzone hook). What went wrong with a file is shown under it, from errors.

Summary

Functions

dropzone(assigns)

Functions

dropzone(assigns)

Attributes

  • id (:string) (required)
  • upload (Phoenix.LiveView.UploadConfig) (required)
  • title (:string) (required) - what to drop, e.g. Drop the transcript or the audio.
  • hint (:string) - what it takes, e.g. .mp3, .m4a, .txt · up to 200 MB. Defaults to nil.
  • errors (:list) - messages about the files, already translated. Defaults to [].
  • class (:any) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • icon - the upload icon, drawn by the caller.