# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.ownchat.app/whatsapp-channel/flow-builder/display-components.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.