Components

Gives users the ability to reveal and hide relevant sections of content in collapsible categories. NOTE: This component is only available for use in code and will not appear in UI Builder.

Accordion item to use within an accordion. NOTE: This component is only available for use in code and will not appear in UI Builder.

Contains buttons and menu items that let users interact with and take actions on a page. The actions in the component collapse into an overflow menu when the container shrinks. Action bar buttons and menu items communicate primary and secondary calls to action to the user. This enables the user to interact with pages in a variety of ways.

Native Voice Controls is for managing phone calls, fully integrated with the customer's preferred CCaaS provider.

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 card subcomponent that enables the user to take action via one or more buttons

An interactive control for indicating an affirmative, negative, or indeterminate choice

A list of items attached to checkboxes that can be selected or deselected independently and can display links to related information

A helper element for expandable / collapsible sections

The color picker component is a multi-view, configurable color library that can be used to select and save colors.

Builds a condition statement of contextually generated fields that can be used to create filters, administer surveys, and control access to records

A form control that enables users to input or select a date, time, or date and time value.

A form control that enables users to select a range of dates and times.

Domain filter allows users to filter data in your dashboards by domains in a domain-separated instance. Domain filters enable the user to see data associated with one or more domains. The filters can apply to both tables and indicators in a Now® Experience or dashboard. Detailed documentation could be found here. Domain filters are available on instances with domain separation enabled. For more information, see Domain separation for service providers.

Filter component is a pillar with different choice options that lets users filter data on the page. Use in dashboards or pages with embedded analytics.

The Grouped Button component combines related buttons in a unified layout, emphasizing their relationship and collective purpose.

Form element for basic user input in the form of text, values, or symbols

Form element for passwords that accepts input in the form of text, values, or symbols with validation

Accepts hyperlinks as input for entering and editing web addresses

Interactive, in-product list of records from a database table that enables users to navigate, filter, and access data. now-record-list-connected has moved to maint only in the Zurich release. Any existing experiences that are using this components 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). The record list bundle supports all features supported in now-record-list-connected. This was done as part of an effort to reduce the number of lists in the UIB toolbox to help cognitive load for page authors.

The List selector is a visual component that enables users to select, remove, or move available items in a form or a list This is functionally is equivalent to the component formerly know as the slushbucket.

A component that can be used to lookup a record on any table in card format. Note: This document describes the latest component functionality. Go to the store to make sure you have the latest version of the component.

Provides controls for navigating backward and forward through content distributed across multiple pages

Light condition builder that enables users to create multiple filters quickly from a data source in the page. Select the best subset of those filters as a default list for your users. Note: This document describes the latest component functionality. Go to the store to make sure you have the latest version of the component.

An interactive control for selecting a single input from a group of mutually exclusive choices

When searching, lets users quickly narrow down search results by clicking on the metadata value based on the current search results

Enables users to search and provide suggestions.

A button variation that provides a primary action and a dropdown panel with related actions

Enables search users to quickly narrow down results based on the filter tabs you define and to sort those search results based on filters and fields you specify

Changes the state of a single setting to on or off; a toggle consists of a handle, a track, and a label

Form element for text input with a dropdown to show relevant or suggested values and highlights matching values as the user enters characters into the input field