---
title: "Deleting fields from your component"
date: "2017-11-13T08:09:38+00:00"
summary: "Learn how to safely delete fields from your component form in Acquia Site Studio. Follow our step-by-step guide to remove field dependencies and avoid data loss while updating your website's structure."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/deleting-fields-your-component"
id: "efdd93c5-c790-4eb1-9860-2713e01c90e4"
---

You can delete fields from your Component form.

Important

Deleting a Component field will delete all data that's been added to the field where it's been used. You should check where the Component is being used first before deleting a field from it.

To delete a Component field:

### Step 1 - Remove the field link in the layout

Before you delete a field from a Component you should first remove any dependancy on the field from within your layout. If you don't do this, your layout will try to render a field that doesn't exist. To remove the field link:

1.  On the Layout canvas, double click on the Element that's linked to the Component form field
2.  Click on the **...ellipsis menu** and click **Toggle variable mode**
3.  Delete the **field ID** from the field
4.  Click on the **...ellipsis menu** and click **Toggle variable mode**
5.  Click **Apply.**

![1745b532-removing-a-link-field.gif](https://acquia.widen.net/content/oszia1nran/web/1745b532-removing-a-link-field.gif?animate=true&v=b86ced10-36e1-4901-92d8-50908f1b88ab)

### Step 2 - Delete the field

1.  On the Component form builder click on the **...ellipsis menu** on the Form element and click **Delete**
2.  In the modal, click **OK**
3.  Click **Save and continue.**

![d25691d7-deleting-a-field.gif](https://acquia.widen.net/content/oioluoitsj/web/d25691d7-deleting-a-field.gif?animate=true&v=c66bcf78-aa83-46dd-bc38-8569887a8da5)