Site components overview | Civio CMS Knowledge Base       [ ![Civio Knowledge Base](/storage/branding/01KP4QF0THM695BDF2MG6TX3CY.svg) ](https://nginx.deploy-lagoon-production.districtcms-docs.dh1.amazee.io)  [Articles](/articles) [Releases](/releases)

   [Home](/)   [Knowledge base](/articles)   [Page components](/articles?category=7)

Site components overview
========================

Updated 2 weeks ago

    Search  Go

   Overview
--------

When content editors create content (e.g. Landing Page, News Article, etc.), they can add different types of components to enhance the page. Site components are modular building blocks that allow editors to create rich, varied page layouts without needing to write code.

> **💡 Note:** The specific components available may vary depending on your site's configuration. Some components listed below may not be enabled by default. Contact your site administrator if you need a component that is not currently available.

Available components
--------------------

The following components are available across the District platform. Components marked with an asterisk (\*) may not be enabled on all sites.

ComponentDescription**Accordion**Organises content into collapsible sections. When a user clicks a section title, it expands to reveal its content. Useful for FAQs, feature lists, or any content that benefits from a compact, hierarchical layout.**Basic Content**The simplest and most common component includes a title and a body field. Suitable for straightforward pages like About Us, Contact Us, and general informational content.

**Carousel** \*A slideshow that displays a series of images or content items in a rotating manner. Can be configured to auto-rotate or allow manual navigation. Often used on homepages to showcase featured content.**Contact** \*Displays contact information including contact name, logo, phone number, email, website, address, and a map.**Content List** \*Allows editors to select a list of pages to display as cards. Availability varies by site.**CTA**Adds a title, text, and a link with a default background image. Used for call-to-action sections.**Dynamic View** \*Creates custom displays of content based on specific criteria. Allows editors to filter, sort, and format content dynamically to suit different contexts and user interactions.**Embed iframe**Inserts external content or media from other websites — such as videos, social media posts, or Google Maps — by pasting a URL or embed code.**Featured Links** \*Adds links with a title, icon, image, description, and destination URL. Availability varies by site.**Flag**Displays an image and text in a variety of layouts — such as a 50:50 split with the image to the left or right of the text.**Image Gallery** \*Allows editors to select multiple images displayed as a thumbnail gallery. Clicking a thumbnail shows the full-sized image. Availability varies by site.**Links**Adds multiple links displayed in columns across multiple rows.**Media**Inserts media such as files, images, and videos into pages.**Multi Column**Creates layouts with multiple columns, dividing the content area into two or more sections, each holding distinct content. Commonly used in landing pages and content-rich sections.

**Section** \*Group a series of other components under a single title.

**Steps** \*Creates a numbered list of items with a title, description, and image. Numbers and connecting lines are added automatically. Availability varies by site.**Tabs**Presents content in a tabbed layout, displayed horizontally or vertically.**Text on Image** \*Adds text, a link, and an image displayed as a background. Text and link can be positioned left, centre, or right.**Timeline** \*Similar to Steps — editors add items, including a date and year, with an animated connecting line. Availability varies by site.

**Webform** \*Creates custom forms to collect user data. Highly configurable with various field types (text, email, radio buttons, file upload, etc.). Ideal for contact forms and surveys.**Card** \*Adds a card with image, title, description, and link. Availability varies by site.---

Related articles
----------------

- **Add, remove, and delete site components**: Step-by-step instructions for managing components on content pages
- **Using the WYSIWYG editor**: How to use the editor within component body fields
- **Layout Builder basics**: How components relate to the Layout Builder

 [    Back to articles ](/articles)

  Table of contents
-----------------

    © 2026 [District CMS](https://www.district.au)