Download Button

The download button component allows you to download a file.

The data source of the Download button must be a data URL scheme with a Base64 encoded string:

The following section details Download Button component's specific settings. For more details on the App Editor, check the dedicated documentation or the App Editor Quickstart:

App Editor Documentation

The app editor is a low-code builder to create custom User Interfaces with a mix of drag-and-drop and code.

Apps Quickstart

Learn how to build your first app in a matter of minutes.

Download Files in Apps

Learn how to have users download files in your apps.

Download Button configuration

Name	Type	Connectable	Templatable	Default	Description
source	string or File	true	false		The source of the file to download (data URL scheme with a Base64 encoded string).
filename	string	true	false		The name of the file to download.
label	string	true	false	Press me	The button label.
color	blue, red, dark, light, green, gray	false	false	blue	The button color.
size	xs, sm, md , lg, xl	false	false	sm	The button size.
Fill container	boolean	false	false	false	Whether the button should fill the container.
disabled	boolean	false	false	false	Whether the button should be disabled.
Before Icon	string	false	false	Undefined	The icon to display before the label.
After Icon	string	false	false	Undefined	The icon to display after the label.