> ## Documentation Index
> Fetch the complete documentation index at: https://www.lettercamp.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Key takeaways component

> Add a KeyTakeaways summary to a Lettercamp article. Customize its title, bullet points, text formatting, and width in source or the visual editor.

Use `KeyTakeaways` to highlight an article's main points in a faint gray block. Write the title and bullets as Markdown children so you can edit their text and formatting freely.

```mdx theme={null}
<KeyTakeaways width="wide">

**Key takeaways**

- Send a welcome email immediately after signup.
- Give readers one clear next step.
- Link to [the full guide](/welcome-emails) for details.

</KeyTakeaways>
```

## Properties

| Property | Type | Default | Description |
| - | - | - | - |
| `width` | `"regular"`, `"wide"`, or `"full"` | `"regular"` | Controls the block's width. |
| Children | Markdown | Empty | The title, bullet points, links, and other text inside the block. |

## Edit the title

The editor inserts a body-sized bold title by default. Change `**Key takeaways**` to any label you prefer. To use a larger heading, replace it with a Markdown heading such as `## At a glance`, or select the title in the visual editor and choose a heading style.

The background is `#fafafa` on a white site and adapts to your
[site background](https://www.lettercamp.com/docs/design/colors.md). It has no per-block color property.

## Use the visual editor

Type `/takeaways` or search for **Key takeaways** in the block insertion menu. Pressing Enter replaces the command line with the block. The insertion menu also matches “summary.”

Hover over or edit the block to choose **Regular**, **Wide**, or **Full** width. Press Enter on an empty final bullet to continue writing outside the block.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.