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.

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
iFrame	Embedded iFrame	iFrame
Manual list	Configurable list of content that uses additional sub-components
Map	Location and embedded map	Map
Next steps	Clickable card with title, body and link	Next steps
Promo	Clickable card with title, body and CTA button	Promo
Publication card	Card that includes document link	Publication card
Slider	Image slider (similar to carousel effect)	Slider
Webform	Webforms	Webform