Components

Compose allows users to create new journal entries for the activity stream

A container that organizes AI-generated summary information in a simple format, with options for users to refine and utilize the generated content. Note: This document describes the latest component functionality. Go to the store to make sure you have the latest version of the component.

Animated sparkle icon used to indicate an entry point for a Now Assist flow or event.

Use to view, book, and manage appointments by day or week, depending on the amount of appointment slots. Note: This document describes the latest component functionality. Go to the store to make sure you have the latest version of the component.

Enables a user to add, preview, download, or remove attachments from a related record. This component appears in the standard record page's contextual sidebar.

Provides controls for playing and downloading audio files

A graphical representation of a user, depicting an image, initials, or anonymous icon

Button with a background color

Button with no background color or border

An actionable icon in a circular format

Button used to toggle between two states; stateful buttons only display an icon and don't support other elements, such as labels

A full featured calendar component with month, week, day, and timeline views. Purely presentational, this component requires the consumer to fetch their own data

Calendar tool for planning and organizing events that also provides information on the dynamic filter conditions applied to the calendar; these filter conditions display in a panel opened from the contextual sidebar of a calendar.

A card subcomponent that enables the user to take action via one or more buttons

A card subcomponent for visually separating sections within a card

A card subcomponent that supports multiple headings and action buttons or menus

A component to render a Catalog Item and order/submit/request the Catalog Item. This works for Record Producer and Standard Catalog Item

Used to compare content side-by-side by highlighting the differences between the original and changed content; can also be used to edit or translate the changed content in place.

Notifies the user when a flow, such as a request or task, is complete; the confirmation message can provide the user with key information and actions to take related to the flow

Use to create a card that shows a user’s name and avatar, and optional information such as their job title, and contact information

A simple box that is used to group components and organize page layout in UI Builder

A component for customer activity feed. It displays customer's activity feed in a timeline manner and provides facets and date range filters to filter the feed. This component is only available with the Customer Central plugin installed.

A single, scrollable row of cards containing actions that provide access to either a larger data set or to individual records

Display different types of content on a page

Displays the main details (fields) of a given record in a table.

Displays view-only record content to a user in portal pages and applications, using a configurable accordion

This component shows documents onscreen without having to download them.

Component for composing an email and sending it to a selected customer. Note: This document describes the latest component functionality. Go to the store to make sure you have the latest version of the component.

Renders quick messages in the email composer side panel; this component is for use in Workspace only.

A message that displays when there is no information or incomplete details to show in a dedicated space; optionally, the component can show an illustration and action buttons

Component to display a Google map with markers to help to visually identify locations of people, tasks, and objects; data rendered on the map comes from the Map markers property This component is only available with the Field Service Management Configurable Dispatcher Workspace plugin installed.

Component for displaying additional content for an object in a popover in the field service pages This component is only available with the Field Service Management Configurable Dispatcher Workspace plugin installed.

The form bundle which contains the form component prewired with the form controller.

Displays heading text in multiple sizes

Multi-size set of illustrations loaded on-demand

Displays a static image

Displays the contents of an article.

A label-value pair used to show secondary and tertiary information that only displays horizontally (inline)

A label-value pair used to show secondary and tertiary information that displays vertically where column or horizontal space is limited.

Displays labels and their values side-by-side with a space between them for visual distinction; tabbed label values are used for primary information in situations with limited horizontal space

Interactive component that shows an in-product list of records from a database table that displays a reduced set of features, allowing the simple list to fit in small spaces. now-record-list-connected-snapshot has moved to maint only in the Zurich release. Any existing experiences that are using this component will continue to work. Any new experiences looking to use the list component should use the new record list bundle instead (called Record List in the UIB toolbox) with the list type set to Simple. The record list bundle supports all features supported in now-record-list-connected-snapshot. This was done as part of an effort to limit the number of lists in the UIB toolbox to help reduce cognitive load for page authors.

Message framework that can include text, images, and actions for use cases such as empty states and confirmation messages

A mini calendar where you can select a date

Gives users the option to leave feedback on content, such as community posts, blog posts, and knowledge articles, or to reply to other user's content; users can indicate if the content was helpful, or if they liked the post

Dynamic or predefined UI element that sorts, filters, or tags content; a pill can contain information such as an input, action, or attribute

This is a pill list component for displaying a collection of pills/tags.

Linear indicator that provides feedback about an ongoing, user-initiated process; a progress bar shows a user how much of the total process is complete

Displays a list of recommended actions to an agent, based on the context of the current record. This component requires installation of the Recommended Actions for Customer Service application

A header containing basic information about the record in a scannable format.

A list component bundle using a dedicated controller to configure list actions such as sorting, filtering, and grouping; the record list is a component bundle containing a list header with action buttons, a list of records from a table, and a pagination control for navigating list pages.

A tab container with a Details tab and related lists for a record page

Generic component to view related content like most helpful articles, most viewed blogs, catalog items, etc.

Displays two content slots, one on the left and one on the right, that users can resize horizontally and vertically; optionally, the component can display an action bar that enables users to set which panes display

Ribbon is a container that can hold one or more ribbon widget sub-components. The ribbon can be configured to include 1 or more widgets. The Ribbon contains settings to have it expanded or collapsed by default.

Renders custom HTML

Horizontal or vertical tab menu for navigating between tabbed content.

A template card aimed at displaying a summary of an assist record

A text link is a stylized element of text that is linked to another resource

Allows user to enter text within a larger area. Textarea input fields are used in forms and other use cases which require multi-line user input