Content 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.


Adds a block of text

Adds collapsible panes of content

Card with title, body and attachments

Create an automated list that can be displayed as Navigation cards or Promo cards

A campaign style 'block' with an image, title text and body text

Embedded iFrame

Configurable list of content that uses additional sub-components

Location and embedded map

Clickable card with title, body and link

Clickable card with title, body and CTA button

Card that includes document link

Image slider (similar to carousel effect)


Last updated