--- sourceDocument: yokohama Combined Product Files sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/yokohama/delta-xanadu-yokohama Release : - yokohama ft:locale : - en-US ft:publication_title : - yokohama Combined Product Files ft:clusterId : - delta3yx bundleId : - delta3yx --- # Combined Next Experience Components release notes for upgrades from Xanadu to Yokohama # Combined Next Experience Components release notes for upgrades from Xanadu to Yokohama {#ariaid-title1} Release version: Yokohama Updated September 10, 2026 ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 11 minutes to read Consolidated page of all release notes for Next Experience Components from Xanadu to Yokohama. ## 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 Xanadu to Yokohama. 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 Yokohama Before you upgrade to Yokohama, review these pre- and post-upgrade tasks and complete the tasks as needed. {#dfrn3-nextexperiencecomponents-summary__entry__2} | Release | Release notes | |-|-| | Xanadu | No updates for this release. | | Yokohama | No updates for this release. | [ ] ## New features Between your current release family and Yokohama, new features were introduced for Next Experience Components. {#dfrn3-nextexperiencecomponents-summary__entry__8} | Release | Release notes | |-|-| | Xanadu | {#dfrn3-nextexperiencecomponents-summary__entry__12} | 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. | [Table 1. Components] | | Yokohama | {#dfrn3-nextexperiencecomponents-summary__entry__20} | Component | Description | |-|-| | Active call | Handles phone calls as part of the Interaction controls component (ICC). Manages call functions, including actions such as disconnect, mute, hold, record, and transfer. | | Animation | Places Lottie animations in Next Experience pages or components created in UI Builder. | | Dialpad | Dial a phone number in Workspace. | | Feedback | Captures detailed feedback from users for AI products or skills through a series of pre-determined options or free-text responses. | | Filter group | Groups up to 3 filter components into a single container with configurable Apply, Clear, and Reset buttons that apply to all filters in the group. | | Flyout menu | Menu that organizes multiple levels of options within a hierarchical structure. | | Knowledge view | Embeddable container that renders a Next Experience Knowledge article view. | | Loader custom | Renders custom animations with an optional progress bar and label. | | Skeleton loader | Decorative placeholder for generated content. | [Table 2. Components] | [ ] ## Changes Between your current release family and Yokohama, some changes were made to existing Next Experience Components features. {#dfrn3-nextexperiencecomponents-summary__entry__40} | Release | Release notes | |-|-| | Xanadu | {#dfrn3-nextexperiencecomponents-summary__entry__44} | 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](https://developer.servicenow.com/dev.do#!/reference/next-experience/xanadu/now-components/now-record-form-section-column-layout/uib-setu). | | 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. | [Table 3. Components] | | Yokohama | {#dfrn3-nextexperiencecomponents-summary__entry__90} | Component | Enhancement | |-|-| | Appointment calendar | * Select multiple slots * Add customizable categories for appointment slots * Hide past and unavailable slots * Add contextual tags in appointment slots * Configure number of rows displayed in each slot in the Day and DAYMOBILE views * Configure container height adjustment | | Attachments | * Option to download all attachments * Revised delete attachment confirmation popup message | | Avatar | Configure avatar to behave as a button or a link. | | Calendar | * DST support with multiple time zones in the Calendar and Timeline views * Hide header * Multiple time zones in the Timeline view * Scroll control for the Calendar and Timeline views | | Email composer | Now Assist generative AI suggestions for all email scenarios, email templates, response templates, and quick messages. | | Email composer (mini) | Now Assist generative AI suggestions for all email scenarios, email templates, response templates, and quick messages. | | Form | * Configuration panel updates * Form controller configuration panel updates | | Form templates | * Sort templates alphabetically and by last used. * New tab for Favorites for you to add and remove templates. * Larger cards that don't truncate template name and description, and show Last used timestamp. | | Highlighted value | * Medium size variant. * Custom tooltip property. | | iFrame | Send messages to iframed document. | | Kanban Board | * Multi-select in cards * Configure selecting dependency lines * Add secondary header | | Modeless dialog | Make the dialog dynamic and automatically resize to fit the content. | | Node Map | * Force layout for representing graphs without structure or hierarchy * Custom popover configuration in Hierarchical, Layered, and Force layouts * Customizable nodes in non-unified layouts * Self-referencing nodes denoted with edges looping back to the node * Export maps in JPG and PNG * Aggregate or segregate multiple connections between the same nodes | | Pill | Display the selected pill state which doesn't display by default. | | Quick filter | * Configure section headers in typeahead dropdown * Configure footer action button * Configure placeholder text value for input field | | Record lookup | * Search for contacts by name, phone, or email * Preview shortlisted results in a paginated form * Quickly link or unlink a shortlisted contact to a case * Edit details for a record without accessing the parent record * Hide record header * Configure search results * Render highlighted values in the linked card * Qualify search results using specific conditions (reference qualifiers) * Hide fields with empty values * Hide link button * Expand or collapse card | | Stepper | * Standardized font size (small or medium) for all steps * By default, pagination adjusts to display the current selected step | [Table 4. Components] {#dfrn3-nextexperiencecomponents-summary__entry__126} | Chart | Enhancement | |-|-| | Bar | Percent (%) information added to chart tooltips and data table below chart. | | Bubble | Percent (%) information added to chart tooltips. | | Geomap | Percent (%) information added to chart tooltips and data table below chart. | | Heatmap | * Percent (%) information added to chart tooltips and data table below chart. * When the metric value is set to "Count," show a zero (0) when no data is available. | | Pivot table | * When there's no value in the selected dataset or for the configuration, choose the display format. * Data sources limit increased from 10 to 15. | | Time series | * Percent (%) information added to chart tooltips and data table below chart. * Support for business calendars such as Gregorian, fiscal, and any manually added calendar. * For all chart formats, except "column:" * When there's no value in the selected dataset or for the configuration, choose the display format. * For table data sources, when there's no data for a specific time on the chart, show a continuous line without gaps. * Show a chart and graph data table for easier screen reader access. * For line, spline, area, and step charts, have a marker show at each data point on the chart including where values are zero (0) or missing. * For a chart with up to 3 metrics, you can add alternative Group by's for each metric for the user to select from. * Sorting when data is grouped. * New Date range option to set the period end date to update automatically to the current date. | [Table 5. Data visualizations] {#dfrn3-nextexperiencecomponents-summary__entry__140} | Template | Description | |-|-| | Dashboards | * Pills at the top of the page display any categories assigned to the dashboard * User avatars at the top of the page indicate real-time editing | [Table 6. Templates] {#dfrn3-nextexperiencecomponents-summary__entry__144} | Bundle | Enhancement | |-|-| | Record list | * Condition builder available in the list header * If live list is enabled, infinite scrolling is enabled by default | [Table 7. Bundles] | [ ] ## Removed Between your current release family and Yokohama, some Next Experience Components features or functionality were removed. {#dfrn3-nextexperiencecomponents-summary__entry__148} | Release | Release notes | |-|-| | Xanadu | No updates for this release. | | Yokohama | No updates for this release. | [ ] ## Deprecations Between your current release family and Yokohama, some Next Experience Components features or functionality were deprecated. {#dfrn3-nextexperiencecomponents-summary__entry__154} | Release | Release notes | |-|-| | Xanadu | No updates for this release. | | Yokohama | No updates for this release. | [ ] ## Activation information Review information on how to activate Next Experience Components. {#dfrn3-nextexperiencecomponents-summary__entry__160} | Release | Release notes | |-|-| | Xanadu | Next Experience Components is a ServiceNow AI Platform feature that is active by default. | | Yokohama | 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. {#dfrn3-nextexperiencecomponents-summary__entry__166} | Release | Release notes | |-|-| | Xanadu | No updates for this release. | | Yokohama | 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. {#dfrn3-nextexperiencecomponents-summary__entry__172} | Release | Release notes | |-|-| | Xanadu | No updates for this release. | | Yokohama | No updates for this release. | [ ] ## Accessibility information Review details on accessibility information for Next Experience Components, such as specific requirements or compliance levels. {#dfrn3-nextexperiencecomponents-summary__entry__178} | Release | Release notes | |-|-| | 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\] | | Yokohama | For Next Experience Components accessibility conformance, refer to the ServiceNow [Horizon site Components section](https://horizon.servicenow.com/workspace/components). | [ ] ## Localization information If there are specific localization considerations for Next Experience Components we have noted them here. {#dfrn3-nextexperiencecomponents-summary__entry__184} | Release | Release notes | |-|-| | Xanadu | No updates for this release. | | Yokohama | No updates for this release. | [ ] ## Highlight information If there are specific highlight considerations for Next Experience Components we have noted them here. {#dfrn3-nextexperiencecomponents-summary__entry__190} | Release | 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](https://developer.servicenow.com/dev.do#!/reference/next-experience/components?releases[]=washingtondc&query=&order_by=nameAsc&limit=120&offset=0&categories[]=uib_component&categories[]=uib_macroponent-component&categories[]=uib_facades). * 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](https://www.servicenow.com/docs/access?context=presets&family=xanadu&ft:locale=en-US) and [Bind data to UI Builder pages using controllers (advanced feature)](https://www.servicenow.com/docs/access?context=controllers&family=xanadu&ft:locale=en-US). | | Yokohama | * 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](https://developer.servicenow.com/dev.do#!/reference/next-experience/components?releases[]=washingtondc&query=&order_by=nameAsc&limit=120&offset=0&categories[]=uib_component&categories[]=uib_macroponent-component&categories[]=uib_facades). * 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](https://www.servicenow.com/docs/access?context=presets&family=yokohama&ft:locale=en-US) and [Bind data to UI Builder pages using controllers (advanced feature)](https://www.servicenow.com/docs/access?context=controllers&family=yokohama&ft:locale=en-US). | [ ]