CivicTheme
  • Docs
  • Changelog
  • Getting started
    • Introduction
    • Installation
    • Getting help
    • Security policy
    • Partnerships
  • Installation
    • Drupal theme
  • Contributing
    • Contribution model
    • Contribution basics
    • Small contribution spec
    • Medium contribution spec
    • Major (RFC-level) contribution spec
    • Code of conduct
    • Figma contributions
  • Components
    • Component list
  • Content Authoring
    • Overview
    • Global settings
      • Favicon
      • Header
        • Site slogan
        • Header logos
        • Primary navigation
        • Secondary navigation
      • Banner
      • Search
      • Link
      • Skip link
      • Side navigation
      • Signup
      • Footer
        • Footer logo
        • Social links
        • Footer navigation
        • Acknowledgement of Country
        • Copyright
      • Colours
    • Content types
      • Page
        • Configure the banner
      • Event
      • Alert
    • Content components
      • Accordion
      • Automated list
      • Attachment
      • Callout
      • Campaign
      • Content
        • Quote
      • iFrame
      • Manual List
        • Event card
        • Event reference card
        • Navigation card
        • Navigation reference card
        • Promo card
        • Promo reference card
        • Publication card
        • Service card
        • Subject card
        • Subject reference card
        • Snippet
      • Map
      • Next step
      • Promo
      • Slider
      • Webform
    • Vocabularies
      • Topics
      • Site sections
    • User accounts & roles
Powered by GitBook
On this page

Was this helpful?

Edit on GitHub
Export as PDF
  1. Content Authoring

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

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)

Webforms

PreviousAlertNextAccordion

Last updated 1 year ago

Was this helpful?

Content
Basic content
Accordion
Accordion
Attachment
Attachment
Automated list
Callout
Callout
Campaign
Campaign
iFrame
iFrame
Manual list
Map
Map
Next steps
Next steps
Promo
Promo
Publication card
Publication card
Slider
Slider
Webform
Webform