---
title: "Page components"
slug: "page-components"
abstract: "Overview of the page components and how they are categorized."
---
# Page components

> [!note]
> To configure Content Hub, you must either be a superuser or have the necessary permissions granted to you through [user group policies](https://doc.sitecore.com/ch/en/users/content-hub/user-group-policies.html "User group policies").

A page in Sitecore Content Hub contains zones and each zone contains page components. It is the page components that contain the actual data and determine how content is displayed.

There are three categories of page components:

| Category | Description |
| --- | --- |
| Unrestricted | These components are created by *superusers* or through the Content Hub interface. |
| Restricted | Only *administrators* can create this type of page component; *superusers*, however, can configure them. These page components cannot be deleted. |
| System-owned | Only *administrators* can configure this type of page component, which contains the default component settings. These components do not have the option to switch from *system settings* to *custom settings* and are marked with the padlock icon :mdiLockOpen:. |

In the following example:

1. The component called **Operations** uses custom settings and can be configured by a *superuser*.
2. The component called **DerivativeIndicators** uses system settings but can be configured by a *superuser*.
3. The component called **Content warning** is system owned and locked.

![Page zones](https://doc.sitecore.com/api/markdown-image/ch/en/users/content-hub/images/page_zones.png)

## Available page components

You [create and configure page components](https://doc.sitecore.com/ch/en/users/content-hub/configure-page-settings.html "Configure page settings") to fulfill your requirements. Page components behave differently depending on the category of the component and the [page type](https://doc.sitecore.com/ch/en/users/content-hub/create-a-page.html "Create a page"). The following page components are available in Content Hub.

| Component | Description |
| --- | --- |
| [Back](https://doc.sitecore.com/ch/en/users/content-hub/back.html) | Use the **Back** component to create a back button to allow users to navigate to the previously visited page or to the parent page. |
| [Chart](https://doc.sitecore.com/ch/en/users/content-hub/chart.html) | Use the **Chart** component to visualize event data in a number, pie, or donut chart. |
| [Chart filter](https://doc.sitecore.com/ch/en/users/content-hub/chart-filter.html) | Use the **Chart filter** component to add a time dimension to a chart. By default, charts are displayed on the page show the available data for the last 30 days. |
| [Container](https://doc.sitecore.com/ch/en/users/content-hub/organize-components-on-a-page.html) | Use the **Container** component to add rows and components. By default, components are nested. |
| [Creation](https://doc.sitecore.com/ch/en/users/content-hub/creation.html) | Use the **Creation** component to create entities. |
| [Disable deep zoom](https://doc.sitecore.com/ch/en/users/content-hub/disable-deep-zoom.html) | Use the **Disable deep zoom** component to let users zoom in on an inline preview. You can disable the deep zoom for a **Search** component and in the **Entity image viewer**. |
| [Divider](https://doc.sitecore.com/ch/en/users/content-hub/organize-components-on-a-page.html) | Use the **Divider** component to create a visual separation between components on a page. |
| [Download order](https://doc.sitecore.com/ch/en/users/content-hub/download-order.html) | Use the **Download order page** component to show the last download orders made by the user. |
| [Entity comments](https://doc.sitecore.com/ch/en/users/content-hub/entity-comments.html) | Use the **Entity comments** component to add a discussion panel to a page for users' comments. |
| [Entity content](https://doc.sitecore.com/ch/en/users/content-hub/entity-content.html) | Use the **Entity content** component to include related content in a page. |
| [Entity details](https://doc.sitecore.com/ch/en/users/content-hub/entity-details.html) | Use the **Entity details** component to customize the display of entity details. You can modify the list of properties and relations displayed. |
| [Entity history](https://doc.sitecore.com/ch/en/users/content-hub/entity-history.html) | Use the **Entity history** component to display the file history of an asset. |
| [Entity image](https://doc.sitecore.com/ch/en/users/content-hub/entity-image.html) | Use the **Entity image** component to display an image rendition on an entity. |
| [Entity indicators](https://doc.sitecore.com/ch/en/users/content-hub/entity-indicators.html) | The **Entity indicators** component highlights essential data on the entity page. Users can configure an indicator on any string, integer or boolean data types. When the condition is met, the indicator is visible on the entity page. |
| [Entity list](https://doc.sitecore.com/ch/en/users/content-hub/entity-list.html) | Use the **Entity list** component to display a collection of entities matching specific criteria. |
| [Entity operations](https://doc.sitecore.com/ch/en/users/content-hub/entity-operations.html) | Use the **Entity operations** component to define which operations are available on an entity detail page. |
| [Entity rating](https://doc.sitecore.com/ch/en/users/content-hub/entity-rating.html) | Use the **Entity rating** component to rate individual content. The average rating is calculated from all user votes. Additionally, you can display the number of votes per score. |
| [Entity renditions](https://doc.sitecore.com/ch/en/users/content-hub/entity-renditions.html) | Use the **Entity renditions** component to provide the list of all available renditions of an entity (original, medium, thumbnail, and so on) along with a quick download option for each of them. |
| [External](https://doc.sitecore.com/ch/en/users/content-hub/external.html) | Use external page components to integrate external libraries within Sitecore Content Hub portal pages. This provides a lot of flexibility and allows advanced customization. |
| [Gantt chart](https://doc.sitecore.com/ch/en/users/content-hub/gantt.html) | Use the Gantt page component to add a timeline view for a project, making it easier to visualize project stages and tasks. |
| [HTML](https://doc.sitecore.com/ch/en/users/content-hub/html.html) | Use the **HTML** component to insert HTML code into a page. You can customize your input through the app interface or though a source code editor. |
| [Mass edit table](https://doc.sitecore.com/ch/en/users/content-hub/mass-edit-table.html) | Use the **Mass edit table** component to add a mass table option to a page. |
| [Modal](https://doc.sitecore.com/ch/en/users/content-hub/modal.html) | Use the **Modal** component to link to other pages containing information on the current entity. |
| [Navigation](https://doc.sitecore.com/ch/en/users/content-hub/navigation.html) | Use the **Navigation** component to insert a button that contains redirection links to any portal page within Sitecore Content Hub. |
| [Saved Search Grid](https://doc.sitecore.com/ch/en/users/content-hub/saved-search-grid.html) | Use the **Saved search grid** component to display the result of a saved search on the page. |
| [Search](https://doc.sitecore.com/ch/en/users/content-hub/search.html) | Use the **Search** component to customize search results, such as specifying which fields are displayed, and to change the look and feel of search results. |
| [Search box](https://doc.sitecore.com/ch/en/users/content-hub/search-box.html) | Use the **Search box** component to create a search tile that lets you perform a search on the page. |
| [Selection](https://doc.sitecore.com/ch/en/users/content-hub/selection.html) | Use the **Selection** component to create selections and perform custom actions on them. |
| [StateMachine Viewer](https://doc.sitecore.com/ch/en/users/content-hub/statemachine-viewer.html) | Use the **StateMachine viewer** component to provide details on the entity status in the associated state flow. |
| [Tabs](https://doc.sitecore.com/ch/en/users/content-hub/organize-components-on-a-page.html) | Use the **Tabs** component to create tabs within pages. Each tab behaves in a similar fashion to a page. |
| [Title](https://doc.sitecore.com/ch/en/users/content-hub/title.html) | Use the **Title** component to set the page title or entity header. |
| [What's New](https://doc.sitecore.com/ch/en/users/content-hub/what-s-new.html) | Use the **What's new** component to add a What’s new overview to pages. |