# Event card

### Summary

Event cards are used to highlight events and are created within the Manual list component.

This section shows you how to add an Event card.

![](https://3596844540-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F79QhtrrFEncRGId6RF6A%2Fuploads%2Fgit-blob-595b464fe2435767bd134cea5882d68ba5d377da%2F2650308729.png?alt=media)

### Step 1 - Add the Event card <a href="#eventcardcomponent-step1-addtheeventcard" id="eventcardcomponent-step1-addtheeventcard"></a>

Within the Manual list component under List items, click on the dropdown and select Event card.

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

### Step 2 - Add details to the Event card <a href="#eventcardcomponent-step1-addtheeventcard" id="eventcardcomponent-step1-addtheeventcard"></a>

You can see the fields in the screenshot below.

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

Most of the highlighted fields are simple, self-explanatory text fields. Some of the non-text fields are explained below.

4\. Date - You can click on the calendar icon to select a date from the popup date widget.

5\. URL - This is an autocomplete field. Start by typing the title of the internal page or enter an external URL.

6\. Topic (optional) - This is an autocomplete field. Terms must first exist in your [Topics](https://docs.civictheme.io/content-authoring/vocabularies/topics) vocabulary.