Next Cloudinary
GitHubGitHub
  • Getting Started
  • Installation
  • Components
    • CldImage
      • Basic Usage
      • Configuration
      • Examples
    • CldOgImage
      • Basic Usage
      • Configuration
      • Examples
    • CldUploadButton
      • Basic Usage
      • Configuration
      • Examples
    • CldUploadWidget
      • Basic Usage
      • Configuration
      • Examples
    • CldVideoPlayer
      • Basic Usage
      • Configuration
      • Examples
  • Use Cases
    • Background Removal
    • Image Overlays
    • Image Underlays
    • Social Media Card
    • Text Overlays
    • Uploading Images & Videos
  • Guides
    • Next.js 13
    • Responsive Images
  • Resources
  • Getting Started
  • Installation
  • Components
    • CldImage
      • Basic Usage
      • Configuration
      • Examples
    • CldOgImage
      • Basic Usage
      • Configuration
      • Examples
    • CldUploadButton
      • Basic Usage
      • Configuration
        • Props
      • Examples
    • CldUploadWidget
      • Basic Usage
      • Configuration
      • Examples
    • CldVideoPlayer
      • Basic Usage
      • Configuration
      • Examples
  • Use Cases
    • Background Removal
    • Image Overlays
    • Image Underlays
    • Social Media Card
    • Text Overlays
    • Uploading Images & Videos
  • Guides
    • Next.js 13
    • Responsive Images
  • Resources

On This Page

  • Props
Question? Give us feedback →Edit this page on GitHub
  • Components
  • CldUploadButton
  • Configuration

CldUploadButton Configuration

Props

Prop NameTypeExample
onClickfunctionfunction (event) { }
onErrorfunctionfunction (error, widget) { }
onUploadfunctionfunction (result, widget) { }
optionsobject{ encryption: {...} }
signatureEndpointstring"/api/sign-cloudinary-params.js"
uploadPresetstring"my-upload-preset"

children are rendered "as is" inside of the <button> element if provided, otherwise, the button will include a label of "Upload".

The remaining props are spread onto the <button> element for full control of the UI.

Basic UsageExamples

MIT 2023 © Colby Fayock