# Service card

### Summary <a href="#servicecardcomponent-summary" id="servicecardcomponent-summary"></a>

The Service card lets you show one or more links. It consists of a title and links.

This article shows you how to add a Service card to a Manual list component.

Below you can see a Service card with two links. (We used two links in this example, but you can add any amount.)

<figure><img src="/files/v6U17QNxjDXMnKEQusRv" alt=""><figcaption></figcaption></figure>

### Step 1 - Add the Service card <a href="#servicecardcomponent-step1-addtheservicecard" id="servicecardcomponent-step1-addtheservicecard"></a>

Within your Manual list component under List items, click on the dropdown and select Service card as shown below.

<figure><img src="/files/cVxD9L70Rm8zoKtFWuUu" alt=""><figcaption></figcaption></figure>

### Step 2 - Fill in the various fields <a href="#servicecardcomponent-step2-fillinthevariousfields" id="servicecardcomponent-step2-fillinthevariousfields"></a>

The available fields are shown and numbered below.

<figure><img src="/files/FqyLCiwLH5aRKbKf9klL" alt=""><figcaption></figcaption></figure>

1. Title - Add the title
2. Links/URL - You can add internal and external URLs. For internal URLs, this field autocompletes when you start typing the title of the internal content/page.
3. Links/Link text - Add the Link text. This is the hyperlink text that will be displayed to end users.
4. Add another item - Clicking on “Add another item” will dynamically add URL and Link text fields. You can add as many as you like.
5. Set the theme to light or dark.


---

# 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/cards-for-lists/service-card.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.
