Combined Next Experience Components release notes for upgrades from Vancouver to Xanadu

  • Release version: Yokohama
  • Updated January 30, 2026
  • 23 minutes to read

    • Consolidated page of all release notes for Next Experience Components from Vancouver to Xanadu.

    How to use this page

    To help you prepare for your upgrade, we have combined the cross-family Next Experience Components release notes onto one page. Read this summary of the new features, changes, and updated information for your product from Vancouver to Xanadu.

    Tip:
    If there were no updates for a release notes section in a certain family release, we included a short note for your reference. For example, if a product did not have any updates in Tokyo, the row says "No updates for this release."

    Important information for upgrading Next Experience Components to Xanadu

    Before you upgrade to Xanadu, review these pre- and post-upgrade tasks and complete the tasks as needed.

    Release Release notes

    Vancouver

    		 No updates for this release.

    Washington DC

    		 No updates for this release.

    Xanadu

    		 No updates for this release.

    New features

    Between your current release family and Xanadu, new features were introduced for Next Experience Components.

    Release Release notes

    Vancouver
    Table 1. Components
    Component Description
    Custom popover Orient the popover relative to a triggering element to show temporary contextual information. You can select the type of tail to use or configure the popover without a tail. Popovers are like containers and use the same layout system. They can contain any number of components. Custom Popover is provided in the UI Builder toolbox for the first time in Vancouver.
    Date-Time A form control that enables users to input or select a date, time, or date and time value.
    Date-Time-Interval A form control that enables users to select a range of dates and times.
    List selector Used with complex, hierarchical data to add, remove, or move multiple items in a form or list. List selector enables users to dotwalk a node to its children.
    Note:
    List selector version 1.0 was released in the ServiceNow® Store 2023-01-12. It is included by default in the Vancouver family release.
    Quick Filter A light condition builder that enables you to create multiple filters quickly from a data source in your page and select the best subset of those filters for your use case.
    Note:
    The Quick Filter component was released in the ServiceNow® Store 2023-07-20. It is compatible with the Vancouver family release.
    Table 2. Added documentation for existing components
    UI Element Description
    Page templates
    CSM Interaction record A page used to display interaction records in a Customer Service Management (CSM) configurable workspace.

    Washington DC
    Table 3. Components
    Component Description
    Color selector A color library that can be used to search for, select, and save colors. Hexcodes, RGB, and HSL values are accepted, and custom colors can be used.
    Related Items Information related to a case record displayed with cards in the side panel and categorized in an expandable accordion. Optionally, the user can display the data as a full-featured list with sorting and filtering capabilities.
    Table 4. Page templates
    Template Description
    Confirm Publish Modal Modal used as a page template that enables Knowledge Management users to publish articles to the Knowledge Base.
    Record page vertical Page template used to manage related lists and UI pages on a record page within groups. This page template contains preset values that make the page work without requiring complex configuration.
    Retire Confirmation Modal Modal used as a page template that enables Knowledge Management users to retire obsolete articles from the knowledge base and select replacement articles.
    Standard List Page template built with a record list bundle and a list menu contained in a resizable panes component, all with preset configuration values. Users can export records in different formats and share custom lists with other users. The List Controller used in this page template contains configurable properties.
    Table 5. Bundles
    Bundle Description
    Record list The record list bundle is a combination of components that include a list header, list body, and pagination component. This new iteration of the list component includes preset configuration values and a list controller.

    Xanadu
    Table 6. 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.

    Changes

    Between your current release family and Xanadu, some changes were made to existing Next Experience Components features.

    Release Release notes

    Vancouver
    Table 7. Components
    Component Enhancements
    Appointment calendar

    In day view, you can do the following:

    • Change the slot grid from the default 3 columns to 1 or 2 columns.
    • Customize appointment slot titles using alpha numerics and symbols.
    Avatar Display any existing icon as an avatar icon, including icon component custom images.
    Checkbox
    • To support denser content, consider configuring labels to align to the left of the component.
    • Labels wrap based on the container size.
    Dropdown list Option to add a small or medium size image to a list item.
    Filter The Filter component Includes the following features:
    • Single select and multi-select pill drop-down lists with or without predefined values
    • Vertical or horizontal radio buttons with predefined values
    • True/false data filters
    • Typeahead functionality for multi-select pill drop-down lists
    • Radio buttons for single-select pill drop-down lists
    Input
    • The Text align property enables users to configure text alignment of placeholder and input text. The text alignment options are Start, Center, and End.
      Note:
      Input URL, Input Phone, and Input Password support this enhancement. However, avoid configuring text alignment when a decorator is present, such as the phone icon.
    • To support denser content, consider configuring labels to align to the left of the component.
    • Labels wrap based on the container size.
    Input URL The align property enables users to configure text alignment of placeholder and input text. The text alignment options are Start, Center, and End.
    Note:
    Input URL, Input Phone, and Input Password support this enhancement. However, avoid configuring text alignment when a decorator is present, such as the phone icon.
    Progress bar The Progress bar animates at different speeds when changing values. The bar starts slowly, speeds up, and then slows down again as it approaches the new value. This animation is disabled if the user has selected the reduced motion preference on the operating system.
    Radio buttons
    • To support denser content, consider configuring labels to align to the left of the component.
    • Labels wrap based on the container size.
    Recommended Actions New properties and events have been added to the UI Builder configuration. New properties include the ability for users to group recommendation cards, manage carousel items, and define card dimensions.
    Select
    • To support denser content, consider configuring labels to align to the left of the component.
    • Labels wrap based on the container size.
    Auto-complete is activated when a user types into a field and the initial characters match one or more items in the list.
    Two properties were added for the Vancouver release:
    • readonly: Option to make the field read-only to prevent users from modifying the value.
    • fieldLayout: Determines whether the labels, field, and slotted content in the Select component are arranged vertically or horizontally.
    Split button
    • Automatically inherits the width of its parent container. This behavior is controlled by a property in the CSS. There is no change in functionality.
    • The showPresencePattern property is deprecated.
    • A flag is added to disable the button and prevent user click interactions.
    Tabs
    Properties are now available to do the following:
    • Hide the tabs divider
    • Define ARIA attributes

    Option selected from the overflow tab menu will replace the last tab in the tab bar.
    Textarea
    • The disableMaxHeight property is added to the Config panel in UI Builder for the component.
    • The autoresizeRowsLimit property enables you to configure the maximum number of rows allowed for the component when the autoreresize property is set to true.
    • Labels can be aligned to the left of the component to support denser content.
    • Labels wrap based on the container size.
    Toggle
    • To support denser content, consider configuring labels to align to the left of the component.
    • Labels wrap based on the container size.
    Typeahead
    • To support denser content, consider configuring labels to align to the left of the component.
    • Labels wrap based on the container size.
    Typeahead multi
    • Users can use the Tab key to move to an existing input pill and deselect it using the Backspace or Delete key.
    • To support denser content, consider configuring labels to align to the left of the component.
    • Labels wrap based on the container size.
    Table 8. Page Templates
    Template Description
    Record
    • A Record History related list displays a list of changes that have been made to a record.
    • The Contextual Sidebar component has been replaced by the Tabs component. However, the general behavior and appearance remain the same.

    Washington DC
    Table 9. Components
    Component Enhancements
    Activity Stream
    • Hide the discard draft, pop-out button, create email, and view drafts buttons.
    • Change the send email button style from primary to secondary.
    • Display email subject when there are multiple modeless dialogs or when they are minimized.
    • Insert email template and insert KB link with modeless dialog.
    Attachments New property for defining the maximum allowable size for an attachment.
    Date - Time Default time [initialTime] property that sets the default start time for the component. If not set, the time defaults to midnight.
    Date-Time-interval Customize the range of dates to display on the calendar using a relative date time picker.
    Dropdown Added a configurable label property.
    Email Composer
    • Attach Knowledge articles inline or as PDFs using Agent assist.
    • Auto-save drafts, discard drafts, save, and create drafts.
    • Improved page design density.
    • Added support for Modeless dialog experience.
    Email Composer (mini)
    • Attach Knowledge articles inline or as PDFs using Agent assist.
    • Auto-save drafts, discard drafts, save, and create drafts.
    • Improved page design density.
    • Support for Modeless dialog experience.
    Heading
    • Font header sizes decreased in Workspace to increase data density.
    • Hero heading size alternative to primary for users who still prefer the original, larger heading size.
    Icon Use custom icons in any standard image format. Custom icons aren’t added to the library on the instance and aren’t cached.
    Image Use custom images in any standard image format. Custom icons aren't added to the library on the instance and aren't cached.
    Input AI Indicator signals to users when a form field uses AI recommendations and provides more information about AI functionality.
    Kanban board
    • Enable dependency lines to indicate relationships between cards on the board.
    • Show the swimlane header in the row.
    List selector
    • Popovers triggered from items in the Available items and Selected items lists display details of the current record. You can configure the content of the popovers and select the items that show the trigger icon.
    • Select how the component is displayed. The choices are as follows:
      • Compact
      • 2 panels
      • Dotwalk (default)
    • Prevent users from reordering items in the Selected Items list.
    • Reveal all hidden controls inside the component.
    Modeless dialog
    • Define the header text that wraps to 2 lines and truncates after the second line.
    • Replace the initial variant color type with a primary or secondary type that adds color to the heading.
    • Add a button icon that triggers an action in the optional button slot.
    • Change where the modeless dialog appears when triggered by a user. By default it appears in the center, but you can have the dialog appear in the top left or right, or bottom left or right.
    • Use keyboard shortcuts to move the dialog up, down, left, and right.
    Recommended Actions
    • Configurable panel title and tab headings.
    • Configurable tab order.
    • New Search tab that contains a search input field and cards for search results.
    • History moved from a tab to a new panel triggered from an iconic button.
    • Background color for hint text and an icon in the search results cards.
    Resizable panes Keyboard key combination to change the layout to only left pane, both panes, and only right pane.
    Select AI Indicator to signals to users when a form field uses AI recommendations and provides more information about AI functionality.
    Textarea AI Indicator to signal to users when a form field uses AI recommendations and to provide more information about AI functionality.
    Typeahead AI Indicator to signal to users when a form field uses AI recommendations and to provide more information about AI functionality.
    Typeahead-multi AI Indicator to signal to users when a form field uses AI recommendations and to provide more information about AI functionality.
    Table 10. Data visualization charts
    Chart Enhancement
    Bar visualization Pareto type of bar visualization. A Pareto chart is similar to the vertical bar chart, but it also includes a line graph. A Pareto chart displays vertical bars that represent individual values (frequency or cost) in descending order, and a line with data points that represent the cumulative total. The Pareto chart also marks the 80% point on the y-axis with a horizontal line, which the user can hide.
    Indicator scorecard visualization
    • Latest score bar that you can display for a graphical representation of the most recent indicator score. A blue bar for score of 1 or above, an orange bar for -1 and below, and no bar for 0 (zero) score. Score value displays upon hover.
    • Maximum number of groups can be specified (1-20).
    • Only breakdowns can be specified to be shown, and then you can also show all groups for the first breakdown.
    Time series visualization Date range picker that adds a date range drop-down that the user can use to change quickly the time range displayed to one of the predefined date ranges.

    Xanadu
    Table 11. 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.

    Removed

    Between your current release family and Xanadu, some Next Experience Components features or functionality were removed.

    Release Release notes

    Vancouver

    		 No updates for this release.

    Washington DC

    		 No updates for this release.

    Xanadu

    		 No updates for this release.

    Deprecations

    Between your current release family and Xanadu, some Next Experience Components features or functionality were deprecated.

    Release Release notes

    Vancouver

    		 No updates for this release.

    Washington DC

    		 No updates for this release.

    Xanadu

    		 No updates for this release.

    Activation information

    Review information on how to activate Next Experience Components.

    Release Release notes

    Vancouver

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

    Washington DC

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

    Xanadu

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

    Additional requirements

    If any additional requirements were introduced or changed for Next Experience Components we have noted them here.

    Release Release notes

    Vancouver

    		 No updates for this release.

    Washington DC

    		 No updates for this release.

    Xanadu

    		 No updates for this release.

    Browser requirements

    If any specific browser requirements were introduced or changed for Next Experience Components we have noted them here.

    Release Release notes

    Vancouver

    		 No updates for this release.

    Washington DC

    		 No updates for this release.

    Xanadu

    		 No updates for this release.

    Accessibility information

    Review details on accessibility information for Next Experience Components, such as specific requirements or compliance levels.

    Release Release notes

    Vancouver
    The following accessibility enhancements were made to the Next Experience Components in the Vancouver release.
    Support for forced colors

    The following Next Experience Components were updated to support the use of Forced Colors, a mechanism that is most commonly activated through an operating system setting for Forced Colors/High Contrast Themes.

    This enhancement enables users to customize the colors of their user interface and web content to meet their individual visual needs. For example, users with low vision might enable Forced Colors to help them successfully view the user interface.
    • Activity Stream [now-activity-stream-connected]
    • Agent chat [sn-agent-chat]
    • Agent Inbox Empty [sn-agent-inbox-empty]
    • Analytics Q&A [sn-nlq-analytics]
    • Calendar [now-calendar]
    • Carousel [sn-carousel]
    • Comparator [sn-comparator]
    • Condition Builder [now-condition-builder-connected]
    • Condition Builder Preview [now-condition-builder-preview]
    • Condition Builder Preview [now-condition-builder-preview]
    • Contextual Sidebar [now-contextual-sidebar]
    • Customer activity [sn-customer-activity]
    • Data Visualization [sn-par-visualization-base]
    • Digital signature [sn-digital-signature]
    • FAM Map [sn-fam-map]
    • Indicator scorecard [sn-scorecard-list]
    • Knowledge content [sn-knowledge-content]
    • KPI Details [sn-kpi-details]
    • List [now-record-list-connected]
    • Mini Calendar [now-record-mini-calendar]
    • Now Code Editor [now-code-editor]
    • Resizable Panes [now-resizable-panes]
    • Risk Heatmap [sn-risk-heatmap]
    • Roadmap [sn-roadmap]
    • Search Combobox Component for Desktop View [sn-search-combobox-desktop]
    • Search Combobox Component for Mobile View [sn-search-combobox-mobile]
    • Timeline [sn-component-timeline]
    • Workspace global search tab [sn-component-workspace-global-search-tab]
    Support for truncation
    The following Next Experience Components were updated to show the truncated text for non-interactive elements when the “Enable keyboard focus on truncated text” accessibility user preference is turned on.

    This enhancement supports sighted users who rely solely on a keyboard to use the ServiceNow platform. For more information, see Configure Next Experience accessibility preferences.

    • Agent Inbox Empty [sn-agent-inbox-empty]
    • Attachments [now-record-common-attachments-connected]
    • Attachments [now-record-common-attachments-connected]
    • Comparator [sn-comparator]
    • Confirmation message [now-confirmation-message]
    • Contact card [sn-contact-card]
    • Customer activity [sn-customer-activity]
    • Display value block [now-display-value-block]
    • Form [now-record-form-section-column-layout]
    • Form Templates [now-record-common-templates-connected]
    • Heading [now-heading]
    • Highlighted value [now highlighted-value]
    • Input [now-input]
    • Link set [now-link-set]
    • List [now-record-list-connected]
    • Record Header [now-record-common-header]
    • Ribbon [sn-record-ribbon]
    • Roadmap [sn-roadmap]
    • Search Combobox Component for Desktop View [sn-search-combobox-desktop]
    • Search Combobox Component for Mobile View [sn-search-combobox-mobile]
    • Text link [now-text-link]
    • Textarea [now-textarea]
    • Workspace global search tab [sn-component-workspace-global-search-tab]
    General accessibility enhancements
    The following components were updated to meet internationally recognized accessibility standards.
    • Account Hierarchy [sn-component-account-hierarchy]
    • Action bar [now-record-common-uiactionbar]
    • Activity Stream [now-activity-stream-connected]
    • Activity Stream [now-activity-stream-connected]
    • Activity Stream Compose [now-activity-stream-compose-connected]
    • Agent assist [sn-agent-assist-uib]
    • Agent Chat Shell [sn-agent-chat-shell]
    • Agent inbox [sn-agent-inbox]
    • Agent Inbox Empty [sn-agent-inbox-empty]
    • Agent Ongoing [sn-agent-ongoing]
    • Attachments [now-record-common-attachments-connected]
    • Card Base Container [now-card]
    • Collapsible Container [now-uxf-page-container]
    • Comparator [sn-comparator]
    • Condition Builder [now-condition-builder-connected]
    • Condition Builder Preview [now-condition-builder-preview]
    • Contact card [sn-contact-card]
    • Container [now-uxf-page-simple-container]
    • Content tree [now-content-tree]
    • Contextual Sidebar [now-contextual-sidebar]
    • Custom popover [now-popover]
    • Customer activity [sn-customer-activity]
    • Data row [now-data-row]
    • Data set [now-data-set]
    • Display value block [now-display-value-block]
    • Email composer (mini) [now-email-client-mini-composer-connected]
    • Email viewer [now-email-client-viewer-connected]
    • Field service card [sn-fsm-card]
    • Field service Google map [sn-fsm-google-map]
    • Field service popover [sn-fsm-popover-content]
    • Form [now-record-form-section-column-layout]
    • Form Templates [now-record-common-templates-connected]
    • Guidance Experience Component [sn-guidance-experience-connected]
    • Knowledge blocks [sn-knowledge-blocks-connected-uib]
    • Knowledge content [sn-knowledge-content]
    • Link set [now-link-set]
    • Link set group [now-link-set-group]
    • List - Related [now-record-list-connected-related]
    • List - Simple [now-record-list-connected-snapshot]
    • List [now-record-list-connected]
    • List menu [now-record-list-menu-connected]
    • Mini Calendar [now-record-mini-calendar]
    • Modeless dialog [now-modeless-dialog]
    • Nested comments [sn-nested-comments]
    • Now Code Editor [now-code-editor]
    • Recommended Actions [sn-next-best-action-list-connected]
    • Record Header [now-record-common-header]
    • Record tags [sn-record-tags-connected]
    • Resizable Panes [now-resizable-panes]
    • Ribbon [sn-record-ribbon]
    • Search input [sn-search-combobox]
    • Select [now-select]
    • Stackable Side By Side Panel [now-stackable-side-by-side-panel]
    • Star Rating [sn-star-rating]
    • Stepper [now-stepper]
    • Tabs [now-uxf-tab-set]
    • Timeline [sn-component-timeline]
    • Typeahead [now-typeahead]
    • Typeahead multi [now-typeahead-multi]
    Support for invisible controls

    The following Next Experience Components were updated to automatically display controls that are not normally visible when the “Show all buttons without the need to hover” accessibility user preference is turned on.

    This enhancement supports users with cognitive and physical disabilities, such as low vision or mobility limitations, who use the ServiceNow platform. For more information, see Configure Next Experience accessibility preferences.
    • Contact card [sn-contact-card]
    • Customer activity [sn-customer-activity]
    • Data Grid UI Component [sn-datagrid]
    • Dynamic fields log viewer wrapper [sn-hlt-dynamic-fields-wrapper]
    • Gantt chart [now-gantt]
    • List [now-record-list-connected]
    • Playbook [now-playbook-experience-connected]
    • Resizable Panes [now-resizable-panes]
    • Roadmap [sn-roadmap]
    • Task Planner [sn-task-planner]

    Washington DC
    The following accessibility enhancements were made to the Next Experience Components in the Washington DC release.
    Support for magnification software and screen readers

    The following Next Experience Components were updated to match programmatic labels to visual labels. This enhancement provides improved support for ZoomText (a type of magnification software) and other types of Assistive Technology (for example, screen readers).

    This enhancement supports users with cognitive and physical disabilities, such as low vision or mobility limitations, who use the ServiceNow platform.
    • Agent chat [sn-agent-chat]
    • Agent inbox [sn-agent-inbox]
    • Canvas tabs [sn-canvas-tabs]
    • Chat input [sn-chat-input]
    • Chat mention suggestion [sn-chat-mention-suggestion]
    • Checklist [now-checklist]
    • Date time calendar [now-date-time-calendar]
    • Document viewer [sn-document-viewer]
    • Drag and drop [sn-drag-and-drop]
    • Field select [sn-record-field-list-reorder-list]
    • List selector [sn-list-selector]
    • Notification setting popover content [notification-setting-popover-content]
    • Presence popover content [sn-presence-popover-content]
    Support for reflow

    The following components were updated to support reflow, which enables pages and content to be zoomed up to 400% through your browser settings without loss of content or functionality. Additionally, content can be enlarged without scrolling in two dimensions at a width equivalent to 320 CSS pixels or a height equivalent to 256 CSS pixels.

    This enhancement helps users with low vision or who have trouble seeing web content in a browser due to monitor size, device type, poor lighting, or other situations. Reflow can be turned off with a system property for instances, experiences, and pages. See Reflow for Configurable Workspace for details.

    • Action bar [now-record-common-uiactionbar]
    • Agent chat [sn-agent-chat]
    • Appointment calendar [now-appointment-calendar]
    • Bar chart [now-vis-bar]
    • Bubble visualization [now-vis-bubble-wrapper]
    • Calendar [now-calendar]
    • Carousel [sn-carousel]
    • Checklist [now-checklist]
    • Contact card [sn-contact-card]
    • Content tree [now-content-tree]
    • Contextual sidebar [now-contectual-sidebar]
    • Customer activity [sn-customer-activity]
    • Date range picker [now-date-range-picker]
    • Dial chart [now-vis-dial]
    • Document display [sn-document-display]
    • Document intelligence [sn-docintel-iframe]
    • Express list [sn-itom-aiops-list]
    • Filter [now-filter]
    • Form [now-record-form-selection-column-layout]
    • Gauge chart [now-vis-gauge]
    • Geomap visualization [now-vis-geomap-wrapper]
    • Heatmap visualization [now-vis-heatmap-wrapper]
    • ITOM Metric Explorer [sn-itom-metric-explorer]
    • Kanban board [now-visual-board]
    • Knowledge blocks [sn-knowledge-blocks-connected-uib]
    • Knowledge content [sn-knowledge-content]
    • List selector [sn-list-selector]
    • Pagination control [now-pagination]
    • Pie/donut visualization [now-vis-pie-wrapper]
    • Pivot table visualization [sn-multipivot]
    • Playbook activity viewer [now-playbook-activity-viewer]
    • Playbook experience [now-playbook-experience-connected]
    • Playbook modals [now-playbook-modals]
    • Playbook stage picker [now-playbook-stage-picker]
    • Service Health Dashboard New [sn-itom-service-dashboard]
    • Single score [now-score-advanced]
    • Timeseries visualization [now-vis-timeseries-wrapper]
    Support for speech-to-text
    The following Next Experience Components were updated to match visual labels to their accessible labels. If the accessible label is different from the visual label, speech-to-text software can't identify and activate the interactive element. Matched visual and accessible labels enable speech-to-text software, such as Dragon Naturally Speaking, to identify these components in the user interface rather than doing a slow grid-based navigation offered by the speech-to-text assistant technologies.
    • Dropdown [now-dropdown]
    • Input [now-input]
    • Record list [now-record-list]
    • Record number [now-record-number]
    • Text link [now-text-link]
    • Toggle [now-toggle]
    • Typeahead [now-typeahead]
    • Typeahead multi [now-typeahead-multi]
    General accessibility enhancements
    The following components were updated to meet internationally recognized accessibility standards.
    • Appointment calendar [now-appointment-calendar]
    • Calendar [now-calendar]
    • Checklist [now-checklist]
    • Contact card [sn-contact-card]
    • Content tree [now-content-tree]
    • Kanban [now-visual-board]
    • Playbook activity picker [now-playbook-activity-picker]
    • Radio group [now-radio-group]

    Xanadu
    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:
    • 360 degree visualization [sn-grc-360-degree-visualization]
    • Agent Messaging [sn-agent-messaging]
    • Analytics Q&A [sn-nlq-analytics]
    • Appointment calendar [now-appointment-calendar]
    • Audio player [sn-audio-player]
    • BCM Crisis map [sn-bcm-crisis-map-connected]
    • Calendar [now-calendar]
    • Capacity Planning [sn-capacity]
    • Catalog Wizard [sn-catalog-wizard-connected]
    • Chat Popover [now-requestor-chat-popover]
    • Circuit map [sn-circuit-map]
    • Confirmation message [now-confirmation-message]
    • Q1 Dashboards Overview [sn-dashboards-overview]
    • Data Grid UI Component [sn-datagrid]
    • Data Visualization Designer [sn-viz-designer]
    • DevOps Pipeline [sn-devops-pipeline]
    • Display Only Form [now-record-form-section-connected]
    • Email composer [now-email-client-composer-connected]
    • FAM Map [sn-fam-map]
    • Form record presence [now-record-common-record-presence]
    • Funnel [sn-va-funnel]
    • Gantt Chart [now-gantt]
    • Geo Map [sn-geo-map]
    • Guided Decisions App Shell Header [sn-gd-app-shell-header]
    • Guided Decisions Builder [sn-guided-decisions-builder]
    • Guided Decisions Experience [sn-guided-decisions-card]
    • Indoor Mapping [sn-map-component]
    • Metric datatable component [sn-metric-datatable]
    • Node map [sn-node-map]
    • OHS Injury Picker [sn-ohs-injury-picker-connected]
    • PaCE dynamic form for inputing variables [sn-pace-policy-dynamic-form]
    • PaCE Policy Builder [sn-pace-policy-builder]
    • PaCE Policy Input [sn-pace-policy-builder-io]
    • PAR Component Builder [sn-par-component-builder]
    • Playbook Activity Picker [now-playbook-activity-picker]
    • Playbook Form [now-playbook-experience-form-connected]
    • Policy as Code Engine Test Playground Control [sn-pace-test-playground-control]
    • Presentational List [now-list]
    • Process Mining - Automation Discovery Report [sn-promin-automation-discovery-report]
    • Process Mining - Improvement Initiatives [sn-promin-initiatives-connected]
    • Process Mining - Improvement Opportunities [sn-promin-process-findings-connected]
    • Process Mining - Notes [sn-promin-notes-connected]
    • Process Mining - Projects List [sn-promin-process-list-connected]
    • Process Mining - Routes [sn-promin-process-routes-connected]
    • Process Mining Workbench [sn-promin-workbench-connected]
    • Process Optimization - Map [sn-promin-process-map-connected]
    • Quick Filter [sn-quick-filter]
    • Quick Filter Popover [sn-quick-filter-popover]
    • Reference Selector using Condition Builder [sn-pace-policy-reference-selector-cb]
    • Risk Heatmap [sn-risk-heatmap]
    • Roadmap [sn-roadmap]
    • Scheduled Export [sn-par-scheduled-export]
    • Search facets [sn-search-facets]
    • Search input [sn-search-combobox]
    • Search Result Wrapper [sn-search-result-wrapper]
    • Split view [split view]
    • Tab filter [sn-tab-filter]
    • Task Planner [sn-task-planner]
    • VA Analytics Chart Container [sn-va-slotted-tile]
    • VA Analytics Event Property Set [sn-va-custom-event-props]
    • VA Analytics Trend Score [sn-va-score-trend]
    • Workplace Stack Plan [sn-wsd-stackplan]

    Localization information

    If there are specific localization considerations for Next Experience Components we have noted them here.

    Release Release notes

    Vancouver

    		 No updates for this release.

    Washington DC

    		 No updates for this release.

    Xanadu

    		 No updates for this release.

    Highlight information

    If there are specific highlight considerations for Next Experience Components we have noted them here.

    Release Release notes

    Vancouver
    • Build rich UI experiences with pre-built system or custom components. To view the Next Experience Components API reference, usage guidance, and UI Builder setup documentation, visit the Developer site.
    • 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 Automatically configure components using presets and Bind data to UI Builder pages using controllers (advanced feature).
    • Upgraded components for accessibility and use in new accessibility user preferences. See the details in the Accessibility information section.

    Washington DC
    • 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 Automatically configure components using presets and Bind data to UI Builder pages using controllers (advanced feature).
    • Upgraded components for accessibility. For more information, see the Accessibility information section in these release notes.

    Xanadu
    • 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 Automatically configure components using presets and Bind data to UI Builder pages using controllers (advanced feature).