---
title: "UIKit audio component"
date: "2020-11-18T16:07:07+00:00"
summary: "Enhance your website's audio experience with UIKit's Audio component. Easily integrate media entities, customize layout, and control spacing for seamless audio playback in your Drupal-powered site."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/uikit-audio-component"
id: "1b779c66-2c3e-4c28-84d2-f4091a053ee2"
---

The Audio component is for adding audio to a layout.

**Key information about this component:** 

Layout canvas elements
----------------------

*   **Container** \- This is required to add a margin below the audio player optionally.
*   **Entity browser** \- The Audio component uses a media entity. The **Embedded** view mode is used.

Component form fields
---------------------

*   **Audio media -** This uses the **Entity browser** field. It relies on the **Media library** included with Drupal core. 
*   **Space below -** Adds a margin to the bottom of the video. This is required to separate it from content that might be placed below it.