---
sourceDocument: Australia ServiceNow AI Platform user interface
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/platform-user-interface

 Release :

    - australia

ft:locale :

    - pt-BR

ft:publication_title :

    - Australia ServiceNow AI Platform user interface

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Preview components

# Preview components {#ariaid-title1}

* Versão de lançamento: Australia
* 
* Atualizado 12 de mar. de 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 min. de leitura

As you're creating or managing your theme, you can preview the components available for inclusion on your instance.

## Antes de Iniciar

Role required: ui_builder_admin

For information on granular roles, see [Granular admin roles](https://www.servicenow.com/docs/access?context=granular-admin-roles&version=australia&pubname=australia-platform-security&ft:locale=en-US).

## Por Que e Quando Desempenhar Esta Tarefa

The components you can preview in Theme Builder were created in the Now Design System. For more information, see [Next Experience Components](https://developer.servicenow.com/dev.do#!/reference/next-experience/components?releases[]=vancouver&query=&order_by=nameAsc&limit=120&offset=0&categories[]=uib_component&categories[]=uib_macroponent-component&categories[]=uib_facades) on the ServiceNow Developer Site.

## Procedimento

1. Navigate to AllNow Experience FrameworkThemesTheme Builder.  
   The Theme Builder landing page displays in the Home page view.
2. Use the Page drop-down list to select the Editor page view.  
   Figura 1. Page drop-down list
3. From the Theme drop-down list, select the theme that you want to view components for.
4. Select the Component styles tab.  
   The component styles are graphically listed.
5. You can scroll through the list to view all available components, or filter the list to view specific types of components.
   1. Select the Filter icon ![]().  
   2. Expand the categories of components that you want to view and select the specific components within those categories you want to view.  
      Nota:  
      For example, to view components for all primary buttons, open the Actionable category then expand the Button component list. Select the Primary, Primary positive, and Primary negative components. The list shows the components that you selected.
   {#tb-preview-components__substeps_hvp_jwz_byb}
6. To test how the components render using different background colors, select the Canvas color check box.
7. Select the Background color you want to view and select Apply.  
   Figura 2. Canvas color

## O que Fazer Depois

After previewing and selecting the desired components, edit their properties to fine-tune their appearance. For more information, see [Edit components](https://servicenow-prod.fluidtopics.net/F3T8GG6xyIpJEa3F_~w8Ig "Edit Theme Builder individual components to better suit your brand and to meet accessibility compliance standards. The theme hooks that you can edit are specific to each type of component.").