# Content Components

Content components are the presentation layer of every page — headings, body text, cards, heroes, stats, charts, and logos. They pair naturally with layout components to give a page its visible shape.

Most content blocks live across module types (Page, Order Form, Catalog, Dashboard) — check each component's page for specifics.

## Components in this category

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Heading</strong></td><td>Page or section titles with sizes XS–XXXL and HTML levels H1–H6.</td><td><a href="/pages/VvEaZOjUkkdQtdqLi1Lo">/pages/VvEaZOjUkkdQtdqLi1Lo</a></td></tr><tr><td><strong>Text</strong></td><td>Body text and descriptions, two sizes, optional max-width.</td><td><a href="/pages/3PTXn8qiRmeAo7cULvFI">/pages/3PTXn8qiRmeAo7cULvFI</a></td></tr><tr><td><strong>Button</strong></td><td>Simple navigation button — link, open modal, close modal.</td><td><a href="/pages/Abd43Qy4WbEODI3bQt1Z">/pages/Abd43Qy4WbEODI3bQt1Z</a></td></tr><tr><td><strong>Hero</strong></td><td>Large landing-style section with title, description, image, and call-to-action buttons.</td><td><a href="/pages/oLF0GvowbgafCiW5QGv6">/pages/oLF0GvowbgafCiW5QGv6</a></td></tr><tr><td><strong>Card</strong></td><td>A simple labelled content block with title, description, and icon.</td><td><a href="/pages/CL25ytWkdJL9JVqPKkg2">/pages/CL25ytWkdJL9JVqPKkg2</a></td></tr><tr><td><strong>Card Link</strong></td><td>A clickable card — for quick-access tiles on dashboards.</td><td><a href="/pages/ztoA6a8I4GQ8dvMm3Y1V">/pages/ztoA6a8I4GQ8dvMm3Y1V</a></td></tr><tr><td><strong>Logos</strong></td><td>A horizontal row of logo images for brand bars or partner showcases.</td><td><a href="/pages/qIEdK8YMpowszyFz3jfA">/pages/qIEdK8YMpowszyFz3jfA</a></td></tr><tr><td><strong>Stats</strong></td><td>A row of label-value stat blocks for KPI strips.</td><td><a href="/pages/g4CC12n7b4DsCIlgoRn0">/pages/g4CC12n7b4DsCIlgoRn0</a></td></tr><tr><td><strong>Chart</strong></td><td>Bar, line, area, or pie chart driven by inline JSON.</td><td><a href="/pages/TF6MsDgHAeqpfXzQEkOB">/pages/TF6MsDgHAeqpfXzQEkOB</a></td></tr></tbody></table>

## When you'd reach for this category

* **Page or section title** → Heading.
* **Paragraph or supporting copy** → Text.
* **Simple navigation or modal trigger** → Button.
* **Big landing-page banner** → Hero.
* **Grouped, labelled content** → Card or Card Link (clickable).
* **Logo bars and partner showcases** → Logos.
* **KPI strip on a dashboard** → Stats.
* **Visual data in a chart** → Chart.

For tabular data, see **Report Widget** in [Report Components](/client-admin-guide/active-workflows/getting-started/report-components.md). For interactive forms and entity lookup, see [Entity Components](/client-admin-guide/active-workflows/getting-started/entity-components.md).

## Related

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Layout Components</strong></td><td>Wrap content blocks in Rows, Columns, and Grids.</td><td><a href="/pages/U6LL5AfUgosRRZo6JLbp">/pages/U6LL5AfUgosRRZo6JLbp</a></td></tr><tr><td><strong>Action Components</strong></td><td>For interactive actions beyond a simple Button.</td><td><a href="/pages/rkZNPQTGACywrFNRXxW6">/pages/rkZNPQTGACywrFNRXxW6</a></td></tr><tr><td><strong>Styling</strong></td><td>Theme colours, custom CSS, component-level styling.</td><td><a href="/pages/tjJaLLImhhKrpHUhLKny">/pages/tjJaLLImhhKrpHUhLKny</a></td></tr></tbody></table>


---

# 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.in8sync.com/client-admin-guide/active-workflows/getting-started/content-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.