---
schema_version: "1"
id: 0c0dd225c35bf47b5816a12731169fde8281edca4a938e83835b5e84e03b5fd3
title: Enhance Agent Action UI with Custom Lightning Types
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/ai/264-0-0/copilot_actions_enhance.md
canonical_url: https://help.salesforce.com/s/articleView?id=ai.copilot_actions_enhance.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 65bc3715a3102c400768e988dcdb6824aba184f1578a0b234eafc9af5caeeffa
description: Customize the user interface (UI) for an agent action’s input and output by using custom Lightning types.
products:
  - Agentforce
  - Cross Cloud
release: "264"
---
# Enhance Agent Action UI with Custom Lightning Types

Customize the user interface (UI) for an agent action’s input and output by using custom Lightning types. 

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col style="width:100%"></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: Lightning Experience</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: <strong>Enterprise</strong>, <strong>Performance</strong>, <strong>Unlimited</strong>, and <strong>Developer</strong> Editions with Foundations or Agentforce 1 Editions. Access to some standard agent actions requires <a href="https://www.salesforce.com/agentforce/pricing/" target="_blank">additional add-on licenses</a>.</td></tr></tbody></table>

By associating a Lightning web component (LWC) with your custom Lightning type, you can override the default UI to create a customized appearance for the agent’s action inputs and outputs.

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-ai-generative_ai-264-0-0-production-enus/f8ef6498-d7b2-44e3-9b34-ffd5a850aae9/images/icon_note.png)

Note You can only override the default UI with a custom Lightning type for agent actions that use Apex classes as input or output. 

The screenshots show how a custom Lightning type with a custom LWC can improve the UI for an agent action’s output. Here’s the default UI for output in an agent action (1) and the customized UI for output after you apply custom Lightning types (2).

![UI comparison chart showing flight details](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-ai-generative_ai-264-0-0-production-enus/f8ef6498-d7b2-44e3-9b34-ffd5a850aae9/generative_ai/images/258_UI_Comparision.png)

- **[Get Started with Custom Lightning Types](https://help.salesforce.com/s/articleView?id=ai.copilot_actions_clt_started.htm&release=264.0.0&type=5)**  
    These resources are available to help you customize your agent’s interface.
- **[Integrate a Custom Lightning Type with an Agent Action](https://help.salesforce.com/s/articleView?id=ai.copilot_actions_clt_integrate.htm&release=264.0.0&type=5)**
  
    Connect a custom Lightning type to an agent action's input or output to apply your custom user interface.

#### See Also

- [Edit a Standard Subagent in the Legacy Builder](https://help.salesforce.com/s/articleView?id=ai.copilot_topics_edit.htm&release=264.0.0&type=5 "Edit an out-of-the-box subagent to make sure it meets the needs of your specific use case and respects the right guardrails for your business.")
- [Add a Subagent to Your Agent in the Legacy Builder](https://help.salesforce.com/s/articleView?id=ai.copilot_topics_add.htm&release=264.0.0&type=5 "You can create a custom subagent from scratch or add a standard subagent from the asset library. Consider best practices for creating a subagent as you decide. When you add a subagent to an agent, Salesforce makes a copy of the subagent so that each agent and agent version has its own independent copy.")
- [Create a Custom Agent Action in the Legacy Builder](https://help.salesforce.com/s/articleView?id=ai.copilot_actions_custom.htm&release=264.0.0&type=5 "With custom actions, you can extend your agent with Salesforce functionality so that it’s ready to assist users with tasks specific to your business. Build custom actions using Apex, flows, prompt templates, and API integrations.")
- [_Trailhead_: Agentforce: Agent Planning](https://trailhead.salesforce.com/content/learn/modules/agentforce-agent-planning)
- [Standard Lightning Types](https://developer.salesforce.com/docs/ai/agentforce/guide/lightning-types-standard.html)
- [Custom Lightning Types](https://developer.salesforce.com/docs/ai/agentforce/guide/lightning-types-custom.html)
- [Lightning Types](https://help.salesforce.com/s/articleView?id=platform.lt_intro.htm&language=en_US)