---
title: Custom properties · Cloudflare Style Guide
description: We have added specific custom frontmatter properties to meet specific needs.
lastUpdated: 2025-03-11T17:12:27.000Z
source_url:
  html: https://zt-dark-mode-changelog.preview.developers.cloudflare.com/style-guide/frontmatter/custom-properties/index.md
  md: https://zt-dark-mode-changelog.preview.developers.cloudflare.com/style-guide/frontmatter/custom-properties/
---

We have added specific custom [frontmatter](https://developers.cloudflare.com/style-guide/frontmatter/) properties to meet specific needs.

## Properties

### difficulty

**Type:&#x20;**&#x75;nion optional

**Description:&#x20;**&#x44;ifficulty is displayed as a column in the [ListTutorials component](https://developers.cloudflare.com/style-guide/components/list-tutorials/).

### external\_link

**Type:&#x20;**&#x73;tring optional

**Description:&#x20;**&#x50;ath to another page in our docs or elsewhere. Used to add a crosslink entry to the lefthand navigation sidebar.

### goal

**Type:&#x20;**&#x61;rray optional

### hideChildren

**Type:&#x20;**&#x62;oolean optional

**Description:&#x20;**&#x52;enders this group as a single link on the sidebar, to the index page. Refer to [Sidebar](https://developers.cloudflare.com/style-guide/frontmatter/sidebar/).

### languages

**Type:&#x20;**&#x61;rray optional

### noindex

**Type:&#x20;**&#x62;oolean optional

**Description:&#x20;**&#x49;f true, this property adds a `noindex` declaration to the page, which will tell internal / external search crawlers to ignore this page. Helpful for pages that are historically accurate, but no longer recommended, such as [Workers Sites](https://developers.cloudflare.com/workers/configuration/sites/).

### operation

**Type:&#x20;**&#x61;rray optional

### pcx\_content\_type

**Type:&#x20;**&#x75;nion optional

**Description:&#x20;**&#x54;he purpose of the page, and defined through specific pages in [Content strategy](https://developers.cloudflare.com/style-guide/documentation-content-strategy/content-types/).

### preview\_image

**Type:&#x20;**&#x73;tring optional

**Description:&#x20;**&#x41; `src` path to the image that you want to use as a custom preview image for social sharing.

### products

**Type:&#x20;**&#x61;rray optional

**Description:&#x20;**&#x54;he names of related products, which show on some grids for Examples, [Tutorials](https://developers.cloudflare.com/style-guide/documentation-content-strategy/content-types/tutorial/), and [Reference Architectures](https://developers.cloudflare.com/style-guide/documentation-content-strategy/content-types/reference-architecture/)

### release\_notes\_file\_name

**Type:&#x20;**&#x61;rray optional

### release\_notes\_product\_area\_name

**Type:&#x20;**&#x73;tring optional

### sidebar

**Type:&#x20;**&#x6F;bject

**Description:&#x20;**&#x55;sed to configure various sidebar options. Refer to [Sidebar](https://developers.cloudflare.com/style-guide/frontmatter/sidebar/).

### spotlight

**Type:&#x20;**&#x6F;bject optional

**Description:&#x20;**&#x54;hese are used to automatically add the [SpotlightAuthorDetails component](https://developers.cloudflare.com/style-guide/components/spotlight-author-details/) to the page.

### styleGuide

**Type:&#x20;**&#x6F;bject optional

**Description:&#x20;**&#x55;sed by overrides for style guide component documentation

### summary

**Type:&#x20;**&#x73;tring optional

### tags

**Type:&#x20;**&#x61;rray optional

**Description:&#x20;**&#x41; group of related keywords relating to the purpose of the page. Refer to [Tags](https://developers.cloudflare.com/style-guide/frontmatter/tags/).

### updated

**Type:&#x20;**&#x64;ate optional

**Description:&#x20;**&#x54;his is used to automatically add the [LastReviewed component](https://developers.cloudflare.com/style-guide/components/last-reviewed/).
