Button Mode
A compact, standalone upload button that fits inline with your content.
Live Preview
Code
Add data-mode="button" to use button mode:
<div
data-capwave-upload
data-partner-id="your-partner-id"
data-mode="button"
></div>
<script src="https://pitch.capwave.ai/assets/pitch-deck-uploader.min.js"></script>
How It Works
- Click the button to open the native file picker
- During upload, the button shows a spinner and is disabled
- On success, the button shows a checkmark and "Uploaded!" text
- On error, an error message appears below the button
- If no redirect is configured, the button auto-resets after 2 seconds
Attributes Used
| Attribute | Value | Description |
|---|---|---|
data-mode |
button |
Renders as a standalone upload button |
data-button-text |
Upload your pitch deck |
Customizable button label |
Next Steps
- Try attach API for fully custom UI
- Theme the button with CSS custom properties
- Listen to events for custom behavior