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.

DocumentationDescriptionStorybook

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

Card tailored for events

Event card that pulls content automatically

Embedded iFrame

Configurable list of content that uses additional sub-components

Location and embedded map

Clickable card with image

Clickable card with title, body and link

Quotation with body and author fields

Card with image, date, title, body and CTA button

Promo card that pulls content automatically

Card that includes document link

Card that includes one or more links

Image slider (similar to carousel effect)

Subject card that pulls content automatically

Webforms

Last updated