Menu Icon

Uploader

An uploader allows file data entry by clicking or dragging. They let users upload file.

Usage

Uploading area view comes with three different types to select. They can be button, box or dragger.

Guidance

  • Uploaders should indicate an icon and upload text.
  • File types can be set by selecting one of image, video, audio or other.

When to use

  • Use Uploaders for file data input.

Additional info

  • Consider updating max file size to allow user upload file bigger than 1 MB.

Variations

  • The updatable properties of Uploaders are uploader type, uploader icon, upload text, file types and max file size.
  • The updatable style features of Uploaders are display, margin, padding, size, overflow, typography, background, border, effects and css.
  • The updatable style features of Uploader Icon are size, overflow, typography, effects and css.
  • The updatable style features of Uploader Upload Text are margin, padding, size, overflow, typography, background, effects and css.
  • The updatable style features of Uploader Image are margin, padding, size, overflow, typography, background, border, effects and css.
  • The usable dynamic properties of Uploaders are hidden and style.