Next Experience Components release notes

Next Experience Components highlights for the Xanadu release

Build rich UI experiences with prebuilt system or custom components. To view the Next Experience Components API reference, usage guidance, and ServiceNow® UI Builder setup documentation, visit the Developer site Next Experience Components doc.
Use common web component patterns and principles, such as a JavaScript framework, immutable data, and simple action handlers.
Reuse components across multiple user interfaces to create a cohesive experience for your end users.
Use preset property values to configure properties and event handlers automatically for a component so the component is ready to work when you add it to a page. Presets can connect to a controller that acts as a data resource for the component. For more information, see and .

New in the Xanadu release

Table 1. Components
Component	Description
Custom illustration	Insert theme-able, inline Scalable Vector Graphics (SVG)s on a Workspace page.
Feedback	Capture granular user feedback for AI products through a series of pre-determined options or free-text responses.

Changed in this release

Table 2. Components
Component	Enhancements
Appointment calendar	Reflow support in higher browser zoom levels of up to 400% in day and week view.
Badge	Option to enable partial number counts and additional characters, including the plus "+" symbol.
Breadcrumbs	Improved breadcrumb orientation experience with option to enable overflow menu.
Calendar	Extra content slot in the header to add buttons. Column width control in the timeline view.
Checkbox	Customizable slot after the information button for inserting additional elements.
Checklist	Additional configuration options like Disabled, Read Only, and Invalid. Font size customization. Option to configure mandatory field indicator. Error notification appears when the user attempts to submit a form with an incomplete required field.
Contextual sidebar	Improved configuration with vertical tabs structure.
Date-time	Time zone displays for users. Horizontal layout option for date-time input field.
Email composer	Improved draft management experience with email footer and side panel action buttons. Improved drafting experience with larger compose area and enhancements to save vertical space. Option to enable auto-load of most recent draft. Option to suppress "Send email" button. Support for international characters in email IDs.
Email composer (mini)	Improved draft management experience with email footer and side panel action buttons. Improved drafting experience with larger compose area and enhancements to save vertical space. Option to enable auto-load of most recent draft. Option to suppress "Send email" button. Support for international characters in email IDs.
Form	Support for 2 or more forms on a page. Note: If you want to add a form to a legacy page with an existing form, see the Form UIB Setup documentation.
Highlighted value	Improved display of long text with text wrapping functionality.
Input	Customizable slot after the information button for inserting additional elements. Added a caret slot that follows the user's text cursor.
Node map	In the hierarchical layout: Movable nodes in the map. Customizable control panel. Customizable node connections in new nodes. Improved reflow in higher browser zoom levels. Support for pausing node map layout refresh (re-layout).
Radio button	Customizable slot after the information button for inserting additional elements.
Related items	Show or hide the heading. Configure the background color. Refresh a specific list along with all other lists in the container.
Select	Customizable slot after the information button for inserting additional elements.
Text area	Customizable slot after the information button for inserting additional elements. Added a caret slot that follows the user's text cursor.
Toggle	Customizable slot after the information button for inserting additional elements.
Typeahead	Customizable slot after the information button for inserting additional elements.
Typeahead multi	Customizable slot after the information button for inserting additional elements.

Activation information

Next Experience Components is a ServiceNow AI Platform feature that is active by default.

Accessibility information

Next Experience Components are updated for accessibility in the Xanadu release.

Updated components

The following components were updated to support Web Content Accessibility Guidelines (WCAG) 2.1 level AA: