CivicTheme
Search
⌃K
Comment on page

Components

This article lists CivicTheme's out of the box components.
CivicTheme comes with many out-of-the-box components you can use to build your website.

Which component to use

There is no right or wrong component to use, it depends entirely on what you're trying to output.
To get started, we recommend clicking on the Storybook links below to visualise each component and experiment with some basic configurations. This will help you decide which component fits your needs.
To read guidelines on how to configure and implement each component, click on the link in the Documentation column below.
​
Documentation
Description
Storybook
​Content​
Adds a block of text
​Basic content​
​Accordion​
Adds collapsible panes of content
​Accordion​
​Attachment​
Card with title, body and attachments
​Attachment​
​Automated list​
Create an automated list that can be displayed as Navigation cards or Promo cards
​
​Callout​
​
​Callout​
​Campaign​
A campaign style 'block' with an image, title text and body text
​Campaign​
​Event card​
Card tailored for events
​Event card​
Event card that pulls content automatically
​
​iFrame​
Embedded iFrame
​iFrame​
​Manual list​
Configurable list of content that uses additional sub-components
​
​Map​
Location and embedded map
​Map​
​Navigation card​
Clickable card with image
​Navigation card​
​
​
​Next steps​
Clickable card with title, body and link
​Next steps​
​Quote​
Quotation with body and author fields
​Quote​
​Promo card​
Card with image, date, title, body and CTA button
​Promo card​
Promo card that pulls content automatically
​
​Publication card​
Card that includes document link
​Publication card​
​Service card​
Card that includes one or more links
​Service card​
​Slider​
Image slider (similar to carousel effect)
​Slider​
​Subject card​
​
​Subject card​
Subject card that pulls content automatically
​
​Webform​
Webforms
​Webform​