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

# Component Management

> Overview of the Component management page, which includes three modules — Components I created, Components I manage, and Component Marketplace — for viewing and installing custom components.

## 1. Page Overview

The **Component management** page lets you view and install custom components. It is divided into three modules: **Components I created**, **Components I manage**, and **Component Marketplace (not yet available, stay tuned)**. Each module displays components from a different perspective to simplify component management.

### 1.1 Page Entry

**Path**: App backend >> App settings >> Component management. (See Figure 1.1-1)

Figure 1.1-1 Component management entry

### 1.2 Page Features

#### 1.2.1 Component Management Table

The page contains three modules: **Components I created**, **Components I manage**, and **Component Marketplace (not yet available, stay tuned)**. Each module presents information from its corresponding perspective in table form. (See Figure 1.2-1)

Figure 1.2-1 Component information display

The content shown in each module is as follows:

* Components I created: Displays components created by the currently signed-in user.
* Components I manage: Displays components for which you have management permissions (the signed-in user can be added as an admin from the component details page).
* Component Marketplace: Not yet available, stay tuned.

##### Field descriptions in the component information table:

<table>
  <tr>
    <td>**Field**</td>
    <td colSpan={2}>**Description**</td>
  </tr>

  <tr>
    <td>Component name</td>
    <td colSpan={2}>The component name entered at creation. It cannot be modified afterward.</td>
  </tr>

  <tr>
    <td>Component description</td>
    <td colSpan={2}>The summary entered when the component was created. It can be modified later.</td>
  </tr>

  <tr>
    <td>Latest version</td>
    <td>The highest version reached in the component's current development iteration.</td>
    <td rowSpan={2}>Click to view version differences.</td>
  </tr>

  <tr>
    <td>Installed version</td>
    <td>The version currently available for use in the form designer.</td>
  </tr>

  <tr>
    <td>Component type</td>
    <td colSpan={2}>The type of the current component. Click to view the component type description.</td>
  </tr>

  <tr>
    <td>Installation scope</td>
    <td colSpan={2}>The installation scope of the current component, which determines whether the component can be used in specific page types of the current app. Click to view the installation scope description.</td>
  </tr>

  <tr>
    <td>Update time</td>
    <td colSpan={2}>The most recent release time of the current component version.</td>
  </tr>

  <tr>
    <td>Admin</td>
    <td colSpan={2}>Has permission to develop and debug the current component. The creator is the default admin. Admins can be added or removed.</td>
  </tr>

  <tr>
    <td>Component source</td>
    <td colSpan={2}>Sources include app self-built or app distribution.</td>
  </tr>

  <tr>
    <td>Action - Install</td>
    <td colSpan={2}>Install the current component. Pay attention to the component version and installation scope.</td>
  </tr>

  <tr>
    <td>Action - Update</td>
    <td colSpan={2}>After the component is installed successfully for the first time, the version can be updated continuously.</td>
  </tr>

  <tr>
    <td>Action - Uninstall</td>
    <td colSpan={2}>Components can be uninstalled after installation (you can uninstall components visible to you personally — those you created or manage). Once the current component and its specific version have been installed within the selected page scope, clicking **Uninstall** removes the component from All installed pages > Component library > Custom component list. Existing content on saved pages is not affected, but the component content can no longer be added or modified. Proceed with caution.</td>
  </tr>

  <tr>
    <td>Action - View document</td>
    <td colSpan={2}>Click to view the documentation for the current component. The document link is entered during component creation or in the component's basic information, making it easier for users to understand the component.</td>
  </tr>
</table>

#### 1.2.2 Component Center

Click the **Component Center** button in the upper-right corner of the page to open the Component Center. (See Figure 1.2-2)

Figure 1.2-2 Component Center illustration

**Permission notes:**

1. Users with platform admin or app admin permissions can access the **Component Center** and view the full list of components visible to them.
2. Under the **All** component list, if a component has not yet granted component admin permission to the signed-in user, a message indicates that there is no permission to develop the component.

Details:

* New component button: Used to create custom components.
* Component list: Unlike the Component management table, the My components page can display the lists of All components, Components I created, and Components I manage.