Components

This section is a living reference. Every component below is rendered by the same docs frame as the rest of the documentation, so what you see is exactly what a reader will see. Each example is followed by the markdown that produced it.

The section has three pages:

• Components — text, lists, quotes, tables, code, images and separators (this page)
• Blocks — callouts, alerts, steps, tabs, cards, buttons, galleries, charts and FAQ blocks
• Inserts — questions and answers, embedded frames, values and lists from data

Headings

Headings from level two to level four structure a page. Level two and three headings appear in the outline on the right, and every heading gets an anchor you can link to, like this one.

A third-level heading

Use it to split a long section into parts.

A fourth-level heading

Use it sparingly, for small groups inside a part.

## Headings
### A third-level heading
#### A fourth-level heading

Text formatting

A paragraph can hold bold text, italic text, inline code and links to other pages. Write each paragraph on one line: a line break inside a paragraph becomes a visible break.

A paragraph can hold **bold text**, *italic text*, `inline code` and [links](/docs/first-project/).

Lists

An unordered list:

• Projects keep their own profile
• Workflows can be copied between projects
• Conversations can be shared with the team

An ordered list:

1. Create a project
2. Fill in the profile
3. Ask for something real

- Projects keep their own profile
- Workflows can be copied between projects

1. Create a project
2. Fill in the profile

Quotes

A request names a topic; a brief describes a result. Give the assistant the goal, the must-haves, the must-nots and the shape.

> A request names a topic; a brief describes a result.

Tables

Plan	Price	Images	Team members
Free	$0	Not included	Just you
Weekly	$8 per week	Included	Just you
Monthly	$19 per month	Included	Up to five

| Plan | Price | Images |
| --- | --- | --- |
| Free | $0 | Not included |
| Weekly | $8 per week | Included |

Code blocks

A code block takes the name of its language right after the opening fence, and the name drives the highlighting.

curl -s -H "Authorization: Bearer $ACME_TOKEN" \
  "https://api.example.com/v1/projects?limit=10"

{
  "id": "prj_42",
  "name": "Monthly update",
  "profile": { "voice": "friendly, plain", "audience": "existing customers" },
  "workflows": 3
}

const res = await fetch('https://api.example.com/v1/projects', {
  headers: { Authorization: `Bearer ${process.env.ACME_TOKEN}` },
});
const { items } = await res.json();
console.log(items.map((p) => p.name));

import os, requests

res = requests.get(
    "https://api.example.com/v1/projects",
    headers={"Authorization": f"Bearer {os.environ['ACME_TOKEN']}"},
)
print([p["name"] for p in res.json()["items"]])

Images with a caption

![Alt text for screen readers](/wp-content/uploads/…/image.png "Caption under the image")

Separators

A line of three dashes draws a separator between two parts of a page.

---

---