Audio
How to add and style audio parts.
What Is An Audio Part?
The Audio part allows you to insert audio files, allowing users to listen to pieces of content.
Adding an audio component to your app can improve user engagement, facilitate a better understanding of content, enhance information retention, and serve as a great tool for marketing and storytelling.
Location in the Parts Library: Base Parts > Data Display > Audio

Adding an Audio Part
To add an audio part, select the part where you’d like to add your audio.
In the Parts Library, go to Base parts, select your preferred Audio part, and add it to your page.
You'll need to replace the placeholder audio file with your preferred audio file. To do that, select the audio part which will activate the property editor panel on the right. Go to Audio > Value Set, then toggle to 'Choose'. You will see the audio files in your Media Gallery. Select the most appropriate file, and it will replace the original audio placeholder.
If you need to upload audio from your device, click the 'Upload' button. Then select the most appropriate audio files from your device and they will be added to your Media Gallery.
Editing and Styling An Audio Part
Like many other parts, borders, shadow, opacity, rounding, colors, and spacing can be applied using the property editor on the right, once the audio part has been selected.
A background image can be added to the audio part. To do this, select the audio part, then go to the Image property editor in the right panel. Select an image from the Media Gallery, or upload a new image from your device. You can then adjust the opacity of the background image within the Decoration Editor as needed.
Changing the Icons in Your Audio Part
The audio part comes with a number of icons, all of which can be changed and styled in the property editing panel on the right.

Related Information
Last updated
Was this helpful?