---
title: "Interactive elements"
date: "2017-11-12T10:15:07+00:00"
summary: "Enhance your website's interactivity with Site Studio's versatile elements. From buttons and sliders to accordions and Google Maps, learn how to easily add engaging features to your layouts for a dynamic user experience."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/interactive-elements"
id: "91efdcf7-83ab-41ac-90f5-d66b28f824ce"
---

Table of contents will be added

Interactive elements are used for adding interactive devices to your layout.

Locating the interactive elements
---------------------------------

To find the Media elements:

1.  Navigate to a component or a template with the Layout canvas
2.  Click the **+ button** on the Layout canvas
3.  Within the Elements tab, look for the Elements listed under Interactive elements.

![8379ba71-interactive-elements-5.5.0.png](https://acquia.widen.net/content/2e2f4aa2-6b3d-4e8c-bfb5-991a7df855fd/web/8379ba71-interactive-elements-5.5.0.png)

Interactive elements include the following:

Button
------

Use the Button element to add a button to your layout. For more information, see [Button element](/drupal-starter-kits/add-ons/site-studio/button-element "Button element").

Slider container
----------------

Use the Slider container element to configure the behavior of your slider. For more information, see [Slider container](/drupal-starter-kits/add-ons/site-studio/slider-container-element "Slider container element").

Slide
-----

Use a Slider item to create a slide within your slider. The Slider item acts as a container for your slide content, which you can populate using Layout and content elements. For more information, see [Slide element](/drupal-starter-kits/add-ons/site-studio/slide-element "Slider item element").

Accordion tabs container
------------------------

Use the Accordion tabs container element to add Accordions or tabs to your layouts. For more information, see [Accordion tabs container](/drupal-starter-kits/add-ons/site-studio/accordion-tabs-container "Accordion tabs container").

Accordion tabs item
-------------------

The Accordion tabs item element allows you to add content to your Accordion tabs container. For more information, see [Accordion tabs item](/drupal-starter-kits/add-ons/site-studio/accordion-tabs-item-element "Accordion tabs item element").

Google map
----------

The Google map element allows you to add a Google map with one or multiple map markers (pins) to your layout. For more information, see [Google map element](/drupal-starter-kits/add-ons/site-studio/google-map-element "Google map element").

Google map marker
-----------------

The Google map marker element allows you to add location pins to your Google map element. They can also display an info window when clicked. For more information, see [Google map marker element](/drupal-starter-kits/add-ons/site-studio/google-map-marker-element "Google map marker element").

Read more element
-----------------

Use the Read more element to show/hide content on the click on a button. For more information, see [Read more element](/drupal-starter-kits/add-ons/site-studio/read-more-element "Read more element").

Modal element
-------------

Use the Modal element to display content in an accessible popup dialog. For more information, see [Modal element](/drupal-starter-kits/add-ons/site-studio/modal-element "Modal element").