# Components

- [Component list](https://docs.civictheme.io/components/component-list.md): See the list of components that CivicTheme supports right now. This list will grow as the community and adoption grows!
- [Atoms](https://docs.civictheme.io/components/atoms.md): Atoms are the smallest component in an atomic design system. This page outlines their purpose.
- [Button](https://docs.civictheme.io/components/atoms/button.md): A Button is an interactive element that triggers an action when clicked or tapped, providing a clear call-to-action for users.
- [Chip](https://docs.civictheme.io/components/atoms/chip.md)
- [Content link](https://docs.civictheme.io/components/atoms/content-link.md)
- [Check box](https://docs.civictheme.io/components/atoms/check-box.md)
- [Field description](https://docs.civictheme.io/components/atoms/field-description.md)
- [Field message](https://docs.civictheme.io/components/atoms/field-message.md)
- [Fieldset](https://docs.civictheme.io/components/atoms/fieldset.md)
- [Label](https://docs.civictheme.io/components/atoms/label.md)
- [Radio](https://docs.civictheme.io/components/atoms/radio.md)
- [Select](https://docs.civictheme.io/components/atoms/select.md)
- [Textarea](https://docs.civictheme.io/components/atoms/textarea.md)
- [Text field](https://docs.civictheme.io/components/atoms/text-field.md)
- [Heading](https://docs.civictheme.io/components/atoms/heading.md)
- [Link](https://docs.civictheme.io/components/atoms/link.md)
- [Paragraph](https://docs.civictheme.io/components/atoms/paragraph.md)
- [Popover](https://docs.civictheme.io/components/atoms/popover.md)
- [Quote](https://docs.civictheme.io/components/atoms/quote.md)
- [Table](https://docs.civictheme.io/components/atoms/table.md)
- [Tag](https://docs.civictheme.io/components/atoms/tag.md)
- [Text list](https://docs.civictheme.io/components/atoms/text-list.md)
- [Molecules](https://docs.civictheme.io/components/molecules.md)
- [Accordion](https://docs.civictheme.io/components/molecules/accordion.md)
- [Attachment](https://docs.civictheme.io/components/molecules/attachment.md)
- [Breadcrumb](https://docs.civictheme.io/components/molecules/breadcrumb.md)
- [Callout](https://docs.civictheme.io/components/molecules/callout.md)
- [Event Card](https://docs.civictheme.io/components/molecules/event-card.md)
- [Field](https://docs.civictheme.io/components/molecules/field.md)
- [Figure](https://docs.civictheme.io/components/molecules/figure.md)
- [Group filter](https://docs.civictheme.io/components/molecules/group-filter.md)
- [Logo](https://docs.civictheme.io/components/molecules/logo.md)
- [Map](https://docs.civictheme.io/components/molecules/map.md)
- [Navigation card](https://docs.civictheme.io/components/molecules/navigation-card.md)
- [Next step](https://docs.civictheme.io/components/molecules/next-step.md)
- [Pagination](https://docs.civictheme.io/components/molecules/pagination.md)
- [Promo card](https://docs.civictheme.io/components/molecules/promo-card.md)
- [Search](https://docs.civictheme.io/components/molecules/search.md)
- [Service card](https://docs.civictheme.io/components/molecules/service-card.md)
- [Single filter](https://docs.civictheme.io/components/molecules/single-filter.md)
- [Snippet](https://docs.civictheme.io/components/molecules/snippet.md)
- [Subject Card](https://docs.civictheme.io/components/molecules/subject-card.md)
- [Table of Contents](https://docs.civictheme.io/components/molecules/table-of-contents.md)
- [Tabs](https://docs.civictheme.io/components/molecules/tabs.md)
- [Tag List](https://docs.civictheme.io/components/molecules/tag-list.md)
- [Tooltip](https://docs.civictheme.io/components/molecules/tooltip.md)
- [Video Player](https://docs.civictheme.io/components/molecules/video-player.md)
- [Organisms](https://docs.civictheme.io/components/organisms.md)
- [Alert](https://docs.civictheme.io/components/organisms/alert.md)
- [Banner](https://docs.civictheme.io/components/organisms/banner.md)
- [Campaign](https://docs.civictheme.io/components/organisms/campaign.md)
- [Footer](https://docs.civictheme.io/components/organisms/footer.md)
- [Header](https://docs.civictheme.io/components/organisms/header.md)
- [List](https://docs.civictheme.io/components/organisms/list.md)
- [Message](https://docs.civictheme.io/components/organisms/message.md)
- [Mobile Navigation](https://docs.civictheme.io/components/organisms/mobile-navigation.md)
- [Navigation](https://docs.civictheme.io/components/organisms/navigation.md)
- [Promo](https://docs.civictheme.io/components/organisms/promo.md)
- [Side Navigation](https://docs.civictheme.io/components/organisms/side-navigation.md)
- [Skip link](https://docs.civictheme.io/components/organisms/skip-link.md)
- [Slider](https://docs.civictheme.io/components/organisms/slider.md)
- [Social links](https://docs.civictheme.io/components/organisms/social-links.md)


---

# 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/components.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.