---
title: "Text Block Demo"
description: "Base setup on top of headless services to help you get started quickly"
language: "English"
url: "https://head-start.pages.dev/en/demos/text-block-demo/"
---

Copy page

* [Open in Claude ](https://claude.ai/new?q=Read+from+this+URL%3A+https%3A%2F%2Fhead-start.pages.dev%2Fen%2Fdemos%2Ftext-block-demo%2F+and+explain+it+to+me.)
* [Open in ChatGPT ](https://chatgpt.com/?hints=search\&q=Read+from+this+URL%3A+https%3A%2F%2Fhead-start.pages.dev%2Fen%2Fdemos%2Ftext-block-demo%2F+and+explain+it+to+me.)

# Text Block Demo

!Note: this piece of documentation is auto-generated from [blocks/TextBlock/README.md](https://github.com/voorhoede/head-start/tree/main/src/blocks/TextBlock/README.md).

**Renders a rich text (Structured Text) field, with nested blocks and internal links.**

## Features

* Renders a rich text component as HTML, with support for headings, lists, bold, italic, emphasized text, etc.

* Renders nested blocks using [`<Blocks />`](https://github.com/voorhoede/head-start/tree/main/Blocks.astro), so it supports any Block.

* Renders internal links using [`<LinkToRecord />`](https://github.com/voorhoede/head-start/tree/main/../components/LinkToRecord/LinkToRecord.astro).

* Renders headings with a custom component to avoid having multiple H1's on the page.

* Passes [Custom Text Styles](https://github.com/voorhoede/datocms-plugin-custom-text-styles) defined in DatoCMS to the appropriate nodes so they can be styled with CSS.

***

This is a *text block*

The text within a text block can be **formatted**

## **It supports headings**

* It supports lists

* with

* items

And much more

## It also supports custom text styles

In both headings and paragraphs