Logo
Skip to main content
The Improved interface, functionality and flows in Sitecore Components page has loaded.

SitecoreAI Changelog

Learn more about new versions, changes and improvements for SitecoreAI

Improved interface, functionality and flows in Sitecore Components

SitecoreAISitecoreAI
Improvement
Improved interface, functionality and flows in Sitecore Components

A new release of Sitecore Components, still in Early Access phase, includes significant UI improvements, support for using external React components, and easier component creation flows with a new grid and right-hand menu.

To get the latest features, update your application to use the latest versions of the @sitecore-feaas/clientside and @sitecore-jss/* packages:

  • @sitecore-feaas/clientside 0.3.6 or later

  • @sitecore-jss/* 21.2.0 or later

  • Additionally, developers need to manually update changes from the starter foundation in their application.

Release highlights:

  • New configurable, responsive grid layout in the component canvas for drawing, resizing, and rearranging containers within a component.

  • Improved Component builder user interface and features.

  • Right-hand bar for managing all Component configurations

  • New data picker and item picker.

  • New Settings tab for configuring library sharing, registering React components, and integrating with Content Hub ONE

A new release of Sitecore Components, still in Early Access phase, includes significant UI improvements, support for using external React components, and easier component creation flows with a new grid and right-hand menu.

To get the latest features, update your application to use the latest versions of the @sitecore-feaas/clientside and @sitecore-jss/* packages:

  • @sitecore-feaas/clientside 0.3.6 or later

  • @sitecore-jss/* 21.2.0 or later

  • Additionally, developers need to manually update changes from the starter foundation in their application.

The release includes:

  • New configurable, responsive grid layout in the component canvas for drawing, resizing, and rearranging containers within a component.

  • Component builder features:

    • Background images can be applied as a setting

    • Inline elements (buttons, badges) can be nested in text elements

    • New spacer element to expand to all available space in a component layout

    • Support for data mapping of HTML within text elements (strips text HTML tags, like paragraphs)

    • Extended code embedding dialog includes support for external React components, typescript support, and preconfigured data fetching.

  • New right-hand bar:

    • Overview screen with link to documentation, version status, alerts when versions use different data sources, and more.

    • Element configuration is now managed on the right-hand side, including themes and styles, layouts, dimensions, spacing, and links.

  • Components now fetch their own data on runtime in Pages

  • New data picker in the right-hand bar when selecting an embedded component

    • Better integration when picking data from XM Cloud

    • Components using 3rd party data will auto fetch from the configured data source

    • Users can update the data source URL, HTTP method, parameters, and headers.

    • Data item picker allows configuring repeat limits and picking specific data items from an array

    • Content Hub ONE data sources show up automatically when their API key is configured

  • New Settings tab that allows users to -

    • Name their component library

    • Enable library sharing

    • Register external React components and configure their preview rendering host

    • Configure a Content Hub ONE API key to use as a data source

  • Register custom React components

    • Components React SDK allows a developer to register any React component

    • React components can include schema configurations that are presented to the content author in Pages

  • Other user interface updates

    • New icons

    • Simplified context toolbar, element types and custom elements

    • Grids are enabled for sections

    • Improved Pages interface for using Components

    • Variable elements are now configured with the same tools as other elements