> For the complete documentation index, see [llms.txt](https://docs.ownchat.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ownchat.app/whatsapp-channel/flow-builder/display-components.md).

# Display Components

{% embed url="<https://app.supademo.com/demo/cmllt3mb52hgc5yi33ho4hyqt?utm_source=link>" %}

**Rich Text** &#x20;

{% embed url="<https://app.supademo.com/demo/cmo9mq9pq001by60kk1ie3ebw?utm_source=link>" %}

Displays formatted and structured content with headings, lists, images, and tables.\
Must be used only with a Footer on the same screen.

**Text Heading** &#x20;

{% embed url="<https://app.supademo.com/demo/cmo9n2nou015lv50jvgpfm7yt?utm_source=link>" %}

Displays the primary title of a screen.\
Used to introduce the main purpose of the screen.

**Sub Heading** &#x20;

{% embed url="<https://app.supademo.com/demo/cmo9nb8s90008020j0g32flpc?utm_source=link>" %}

Displays a secondary title below the main heading.\
Provides context or instruction before user interaction.

**Text Body** &#x20;

{% embed url="<https://app.supademo.com/demo/cmo9njn4j00udz40jovl3bulc?utm_source=link>" %}

Displays detailed instructions or descriptive content.\
Used to guide users through the screen.

**Text Caption**&#x20;

{% embed url="<https://app.supademo.com/demo/cmo9np4wh00uaxv0jf6zizz4v?utm_source=link>" %}

Displays small helper or supporting text.\
Typically placed below input fields for clarification.

**Image** &#x20;

{% embed url="<https://app.supademo.com/demo/cmo9odq3r01bwv50jik0xowee?utm_source=link>" %}

Displays a single visual element on the screen.\
Used for branding, product display, or illustration.

**Image Carousel** &#x20;

{% embed url="<https://app.supademo.com/demo/cmo9omebh00w1z40j8sgy04wf?utm_source=link>" %}

Displays multiple images in a swipeable format.\
Used when showing multiple products or visuals in one section.