# Manual List

### Summary

The Manual list component allows you to create a list of cards and manually choosing the content to display in the list.

You can also select from a variety of cards. Read more about Cards.

### How to add a Manual List

1. Login as a *Content author*
2. Navigate to the page you want to add the Manual list to
3. Scroll to the *Components* section and open the *Add content* dropdown
4. Select *Manual list*
5. In the *Content* tab, open the *List items* to select the card type. Read more about options for [Cards for lists](/content-authoring/components/list-components-and-cards/cards-for-lists.md).

<div data-with-frame="true"><figure><img src="/files/E8U0RPh44r2fQzLoqAkx" alt=""><figcaption></figcaption></figure></div>

6. Fill in any of the fields in the *Fields* tab:
   1. *Title* - add a title to display above the list.
   2. *Content* - add some introductory content to display between the title and the list.
   3. *Link above* and *Link below* - allows you to add a link, styled as a button, above or below the list.

<div align="left" data-with-frame="true"><figure><img src="/files/IP1NtZ32rPD61927XKvn" alt="Fields inside the Field tab on a Manual list component" width="375"><figcaption></figcaption></figure></div>

7. Fill in the information in the *Appearance* tab.
   1. *Theme* - Select light or dark theme for this component.
   2. *Vertical spacing* - Add vertical spacing to the *Top*, *Bottom*, *Both, or None*. This creates space between components on your page. The default is set to Bottom.
   3. *Background* - Check the box to apply a default background colour from your colour palette.
   4. *Columns* - Select how many columns to display in the list. 4 is the default, but most lists display better with a maxiumum of 3 rows.

<div align="left"><figure><img src="/files/ZtojmG9j2D21ykNLWdte" alt="Fields within the Appearance tab in the Manual list component" width="375"><figcaption></figcaption></figure></div>


---

# 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.civictheme.io/content-authoring/components/list-components-and-cards/manual-list.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.