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

 Release :

    - australia

ft:locale :

    - en-US

ft:publication_title :

    - Australia ServiceNow AI Platform user interface

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Component styles

# Working with Component styles {#ariaid-title1}

* Release version: Australia
* 
* Updated March 12, 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

Component styles enable you to fine-tune the appearance of individual UI elements such as buttons, form controls, and navigation without affecting global theme settings. Use component styles when you need more granular control
than what Global styles provide.

The Component styles panel provides control over how specific elements like buttons, inputs, and navigation items look and behave across different states such as hover, focus, and disabled. This panel enables tailoring the look of
specific UI elements without affecting the broader theme.

A search and filter bar at the top of the panel lets you narrow down components by name or category.  
Each component is represented as a tile and grouped by function, such as Navigation, Messaging, Forms. Selecting a component tile opens a side panel with editable properties for that component and its subcomponents.Figure 1. Component styles panel
* **[Preview components](https://servicenow-prod.fluidtopics.net/5S2cpTwvRxfA0K9s8S3nMQ)**   
  As you're creating or managing your theme, you can preview the components available for inclusion on your instance.
* **[Edit components](https://servicenow-prod.fluidtopics.net/23Q8OonjmENWWtQba7Qkpw)**   
  Edit Theme Builder individual components to better suit your brand and to support accessibility requirements. Each component type supports specific customization options called theme hooks.