Basket Box

A clean, simple file uploader with customizable colors and features

Complete List of Options

Core Settings

  • selector - Container selector
  • maxFiles - Maximum files (default: 10)
  • maxSizeKB - Maximum file size in KB (default: 5120)
  • allowedTypes - Array of allowed extensions

Color Settings

  • themeColor - Primary color
  • secondaryColor - Secondary color
  • backgroundColor - Background color
  • backgroundHoverColor - Hover background
  • borderColor - Border color
  • textColor - Text color
  • textLightColor - Light text color
  • errorColor - Error color
  • successColor - Success color
  • removeButtonColor - Remove button color
  • tickButtonColor - Tick button color

Slider Options

  • enableSlider - Enable arrow slider (default: true)
  • sliderArrowColor - Slider arrow color
  • sliderArrowHoverColor - Slider arrow hover color
  • sliderBackgroundColor - Slider background color

Thumbnail Options

  • enableThumbnail - Enable star thumbnail (default: true)
  • thumbnailColor - Thumbnail star color (default: '#FFD700')
  • thumbnailHoverColor - Thumbnail hover color
  • thumbnailStarColor - Star icon color
  • defaultThumbnail - Default thumbnail file ID

Display Settings

  • boxSize - 'sm', 'md', 'lg' (default: 'md')
  • showAddText - Show add text (default: true)
  • addText - Main add text
  • addSubText - Add subtext

Error Handling

  • showErrors - Show errors (default: true)
  • autoClearErrors - Auto clear errors (default: true)
  • errorTimeout - Error timeout in ms (default: 5000)

Features

  • enableDragDrop - Enable drag & drop (default: true)
  • enableLightbox - Enable lightbox (default: true)
  • showProgress - Show progress bar (default: true)
  • showFileSize - Show file size (default: true)
  • autoUpload - Auto upload files (default: true)
  • uploadDelay - Upload delay in ms (default: 1000)

Callbacks

  • onAdd - File added callback
  • onRemove - File removed callback
  • onError - Error callback
  • onSuccess - Upload success callback
  • onAllComplete - All complete callback
  • onThumbnailChange - Thumbnail changed callback