---
title: "Entity browser form element"
date: "2019-07-17T14:39:01+00:00"
summary: "Streamline content selection with Site Studio's Entity Browser form element. Learn how to add, configure, and customize this powerful tool for your Drupal components, enhancing your site-building workflow."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/entity-browser-form-element"
id: "5dd9c691-b50a-4a24-b4dc-c83b77d20c67"
---

Table of contents will be added

Use the Entity browser form element to add an Entity browser field to your Component form. For more information about creating editable components, see [Create an editable component](/drupal-starter-kits/add-ons/site-studio/create-component "Create an editable component").

Locating the entity browser form element
----------------------------------------

To find the Entity browser form element:

1.  Navigate to a component
2.  Click the **+ button** on the Component form builder
3.  Within the Fields tab, look for the Entity browser form element.

![830f3bdd-entity-browser-form-element.png](https://acquia.widen.net/content/30a0ae15-43df-4e25-95ad-61cbd57b68ba/web/830f3bdd-entity-browser-form-element.png)

The Select element includes the following fields:

Title field
-----------

*   Provide a name for the form element. **Important:** This will be displayed in your component form.

Field settings
--------------

*   **Entity browser type** - Set the entity browser to use when browsing for an entity
*   **Disable Entity browser type selection** - Use this toggle to prevent the Entity browser type from being edited by a site editor, this is enabled by default
*   **Entity type** - Set the entity type to browse
*   **Disable Entity type selection** - Use this toggle to prevent the Entity type from being edited by a site editor, this is enabled by default

Bundles
-------

*   **Disable bundle selection** - Use this toggle to prevent the bundles from being edited by a site editor, this is enabled by default.  
    Restrict which bundles can be selected using the entity browser.

Default
-------

*   **Entity** - Set a default entity to use. **Important:** Note that if a default entity is selected, it will not get exported with the component as it is content.

Tooltip
-------

*   **Tooltip text -** Enter tooltip text here.
*   **Tooltip placement -** Define the position of the tooltip on hover of the field.