---
title: "Rich Text block"
description: "A rich-text item for Stack blocks, edited with the fragment editor."
requested_language: sk
language: en
translation_notice: "This page isn't translated yet"
url: https://docs.systhema.app/sk/next/payload/blocks/rich-text
version: unreleased (main)
docs_index: https://docs.systhema.app/sk/next/llms.txt
---
> This page isn't translated yet. Showing English.


The Rich Text block is the text item of a Stack: a `fragment` editor holding headings, paragraphs, lists and inline blocks.

![The rich text block fields in the Payload editor](./images/rich-text.light.webp)

## Where it is offered

Offered as an item inside the [Stack block](https://docs.systhema.app/sk/next/payload/blocks/stack.md) rather than in an editor's block menu. Its content uses the `fragment` editor.

## Fields

<!-- generated:block-fields richText -->

| Field          | Type       | Label                 | Default  | Notes                                                                                                                                                                      |
| -------------- | ---------- | --------------------- | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `_tier`        | `select`   |                       |          | Options: `root` (Root), `region` (Region), `fragment` (Fragment), `slot` (Slot), `stack` (Stack)                                                                           |
| `alignSelf`    | `radio`    | Align Self            | `center` | Shown when `siblingData?._tier==="stack"`; Required; Shown when `siblingData?.setSelfAlign`; Options: `start` (Start), `center` (Center), `end` (End), `stretch` (Stretch) |
| `content`      | `richText` | Content               |          |                                                                                                                                                                            |
| `flex1`        | `checkbox` | Flex 1                | `false`  | Shown when `siblingData?._tier==="stack"`                                                                                                                                  |
| `grow`         | `checkbox` | Grow                  | `false`  | Shown when `siblingData?._tier==="stack"`                                                                                                                                  |
| `message`      | `ui`       |                       |          | Shown when `siblingData?._tier==="stack"`                                                                                                                                  |
| `setSelfAlign` | `checkbox` | Define Self Alignment | `false`  | Shown when `siblingData?._tier==="stack"`                                                                                                                                  |
| `shrink`       | `checkbox` | Shrink                | `false`  | Shown when `siblingData?._tier==="stack"`                                                                                                                                  |

<!-- /generated -->

## Rendered output

Renders [Heading](https://docs.systhema.app/sk/next/components/heading.md), [Paragraph](https://docs.systhema.app/sk/next/components/paragraph.md), [List](https://docs.systhema.app/sk/next/components/list.md) and inline components inside a rich-text wrapper. The [spacing model](https://docs.systhema.app/sk/next/concepts/spacing-model.md) controls their rhythm.

## Converter

Rich Text is rendered by `renderStack`, rather than by a standalone `richText` converter entry. It wraps the converted fragment children in a `<div className="richtext">` and applies the item's grow, shrink and self-alignment classes. The fragment editor disables nested stacks in this field.

## Customizing

Copy `RichTextBlock` into a project block definition to change its fields, then use that definition in a custom Stack items field. To change its frontend output, replace the parent `stack` converter through `customBlocks`; Rich Text is an item handled by that converter, so registering a `richText` converter alone does not change Stack output.

See [Registering blocks](https://docs.systhema.app/sk/next/payload/blocks.md#registering-blocks) for the configuration pattern and [Converters](https://docs.systhema.app/sk/next/payload/custom-blocks/converters.md) for the renderer contract. A project converter used in client-mode live preview also needs [browser registration](https://docs.systhema.app/sk/next/payload/frontend/live-preview/client-mode.md).

## Related

- [Stack block](https://docs.systhema.app/sk/next/payload/blocks/stack.md)
- [Editor tiers](https://docs.systhema.app/sk/next/payload/editor/tiers.md)