# Callout

### Summary

The Callout component can be used to highlight some content (usually better for shorter content blocks).

This section shows you how to add a Callout.

Below is an Callout.

<figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-84b50b2e9d088f708601a1488860b50d8d4bcad7%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

### How to add a callout

Step 1: Go to the page you'd like to add the Callout to (or create a new page) and in the Content tab, Components section, select Callout from the dropdown list.

<figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-159e546ca1cad30e98192c3e48c9ad43af6d1aef%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

Step 2: Fill in the fields as per below.

<figure><img src="https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-d45015755698d1d83655a6b8375814365a155f12%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

1. Title - Type in the title for the Callout.
2. Content - Type in your content.
3. Links - Add in the external link or start typing to find an internal link/page.
4. Add another item - Here, you can add additional links/buttons.
5. Theme - Choose whether the Callout will use your site's light or dark theme.
6. Vertical spacing - Add vertical spacing on the component (above, below or above AND below).