Working with SXA components

There are different types of components in XM Cloud. When you are working in the Content Editor and Experience Editor, you are working with SXA components. Some SXA components support variants. A variant makes a component appear differently or show different content.

The SXA components listed in this topic are available out-of-the box in the left-hand pane of Pages. In the tables below, if the Variant column contains yes, it means that the component supports variants.

You can configure SXA components in the Content Editor or in Pages. A developer can create additional custom SXA components in the Content Editor.

Media

Component

Variant

Description

Image

yes

Adds an image that you select from the Media library to a page.

Component

Variant

Description

Link List

yes

Displays lists with items that contain a title, link, and text.

Navigation

no

Generates a navigation menu. You can select:

  • Main navigation - drop-down vertical – standard drop-down navigation

  • Main navigation - drop-down horizontal – drop-down navigation with child items in a single line

  • Sidebar navigation – all child items displayed vertically

  • Sitemap navigation - all child items displayed vertically

  • Big/fat navigation – all child items displayed horizontally.

  • Mobile navigation – navigation for mobile

Page Content

Component

Variants

Description

Page Content

yes

Displays the specific fields on a page from the data source item that you select.

Promo

yes

Renders a field from another page and works as a placeholder for other components. It consists of an icon or a title and links.

Rich Text

yes

Adds formatted text on a page. You can write text using HTML tags.

Title

yes

Displays the title or subtitle of the current page.

Page Structure

Component

Variant

Description

Container

no

Adds additional CSS styling using a wrapper for other components.

Row Splitter

no

Divides a page into x number of rows and works as a placeholder for other components.

Column Splitter

no

Divides a page into x number of columns and works as a placeholder for other components.

Do you have some feedback for us?

If you have suggestions for improving this article,