---
title: "Add shapes to app steps"
slug: "add-shapes-to-app-steps"
updated: 2024-11-19T17:02:12Z
published: 2024-11-19T17:02:12Z
canonical: "support.tulip.co/add-shapes-to-app-steps"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.tulip.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Add shapes to app steps

## How to Add Shapes to App Steps

Tulip contains an entire library of shapes and symbols that can be accessed from the “Assets” button on the Toolbar as shown in the image below. To access and insert shapes from the the Tulip Icon Library:

1. Ensure that you are on a **Step and not a Form Step**.
2. Click on the "Assets" dropdown from the Tool Bar.
3. Click on the desired shape or icon to insert into the step of the app/process. You can edit these shapes just like any other Tulip Widget from the Side Pane on the right of the screen.

![](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/How%20to%20add%20Icons%20from%20the%20Tulip%20Icon%20Library_92247784.png)

---

Did you find what you were looking for?

You can also head to [community.tulip.co](https://community.tulip.co/?utm_source=intercom&utm_medium=article-link&utm_campaign=all) to post your question or see if others have faced a similar question!

**Widget Toolbar**

The **Widget Toolbar**Is the menu where widgets can be found and added to your application. ![](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/toolbar.png)

**Step**

A view your users will see within an application. **Steps** can be viewed chronologically or in whatever order best fits your process.

Steps can be grouped into **Step Groups**to manage and organize your app Steps.

**Form Step**

**Form Steps**are a special type of **S****tep** that is designed specifically for data entry. They lack some of the flexibility of normal steps but can streamline app creation.

Steps can be grouped into **Step Groups**to manage and organize your app Steps.

*Form Steps have been disabled for every new **instance** in r235/LTS9.*

**Widget**

**Widgets**are the elements that make up a specific **App Step.**Widgets can display information to users, collect user input, or trigger app logic.

*Common widgets include: Interactive Tables, Number inputs, Machine attribute widgets, and more.*

**Side Pane** **(Context Pane)**

The**Side Pane**is the configuration pane on the right side of the **App Editor**where steps, apps, and widgets can be configured. **Triggers**can be added to adjust widget behavior.![](https://cdn.document360.io/7c6ff534-cad3-4fc8-9583-912c4016362f/Images/Documentation/Context%20Pane.png)