Skip to content
Release: Australia · Updated: 2026-03-12 · Official documentation · View source

Workspace Builder components for home pages

Several UI Builder components are available as elements to build home pages and contextual side panels in Workspace Builder. Workspace Builder helps you quickly create workspaces.

For complete details on all elements and components, see the ServiceNow® Developer site.

Data visualization components

The data visualization component is a container for available chart types for use in Workspace Builder home pages. Select the chart type to display data in different ways depending on your application. You can create a new data visualization or repurpose an existing data visualization by choosing it in the Select visualization from library modal and selecting Add to dashboard.

For more information on data visualization components, see the following topics and sources:

Image omitted: wb-data-viz-purple-new.png
Data visualization element to be edited

Filter components

Filters enable you to filter data visualizations without modifying the visualizations. Add a filter element when working with the home page in the canvas. Then select a table, field, and other properties to configure the filter. When a user selects one or more values of the field, the filter applies to those data visualizations that are based on the same data source.

For more information on using filters components to build a workspace, see the following topics and sources:

Heading components

Heading components are available in the home pages for workspaces. Add a title to your landing page using a heading component.

The following image shows a "My Heading" heading.

Image omitted: heading-component-purple.png
Example heading component

For more information on heading components, see the Heading Overview on the Developer site.

Image components

Add images to your landing page with an image component.

When you drag the image component icon (

Image omitted: icon-image-component.jpg
Image component\) into the preview pane, a stock image appears that you can change and resize. You can change the stock image by supplying your image's URL.
Image omitted: component-image-purple.png
Sample image component

For more information on image components, see the Developer site image component listing.

List components

Use a list component to add lists to your landing page.

When you drag the list component icon (

Image omitted: icon-list-component.jpg
List component\) into the preview pane, a sample list appears.
Image omitted: wb-list-component-purple.png
Sample list component

For more information on list components, see the Developer site List component reference.

Rich text components

Add text to your landing page with a rich text component to explain parts of your landing page, for example, "Tackle these priority 1 incidents first."

Image omitted: wb-rich-text-component-purple.png
Sample rich text component

For more information on rich text components, see the Developer site Rich text component reference.

Parent Topic:Workspace Builder reference