# Add a Unit

## What is a Unit?

A Pro mode unit is an item to operate within a block. There’s 2 unit types:<br>

* A **layout** is a structural basis of how all the parts of the block will be positioned relative to each other to look harmonious;
* An **element** is a building unit of a block that contains different types of content (e.g. image, video, text, etc.).

## Add a Unit

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2Fr7ikPyIsCa33xVk64qll%2FAdd_a_Unit.01.png?alt=media&#x26;token=5cea30e5-a8d6-41da-b778-a094c8c68d48" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}
Click the **+** icon at the left menu or at the selected layout.

A pop-up window will appear.
{% endstep %}

{% step %}
Select an **Elements** tab to add an element from the default collection list.
{% endstep %}

{% step %}
Select an **Frame** tab to add a layout from the default collection list.
{% endstep %}

{% step %}
Select an **Asset** tab to add a previously saved unit.
{% endstep %}

{% step %}
Select a **Stash** tab to add a recently deleted unit.
{% endstep %}

{% step %}
For the left menu selection window, click and hold the unit, then **drag** it onto the layout.

For the layout selection window, **click on** the unit to add it to the layout.
{% endstep %}
{% endstepper %}

## Add a Repeatable Units List

Duplicate units with custom settings at once.

{% hint style="success" %}
Use for:

* Product lists;
* News cards;
* Galleries;
* Any dynamic data.
  {% endhint %}

<figure><img src="https://3560131808-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoKhlOpFC8JmF8TcxylWx%2Fuploads%2FTyGvbpU95ODrwJXAEdPT%2FAdd_a_Unit.02.png?alt=media&#x26;token=b0e6401a-7e24-4fa8-81a7-c28a9affe936" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}
Select a Cells / Container layout and fill it with units.
{% endstep %}

{% step %}
Click the **Make repeatable** icon.

An **Add repeatable** icon will appear.
{% endstep %}

{% step %}
Click the **Add repeatable** icon to duplicate the first unit within the layout.&#x20;

The unit will be duplicated within the layout with the same settings as the original unit.
{% endstep %}
{% endstepper %}