---
schema_version: "1"
id: b9c6e571575672f61691bcf3a00574214dc90948adabaec26f969267d87980a3
title: Change the Default Output Component for an Apex-Based Custom Lightning Type
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/platform/264-0-0/lt_change_out_apex.md
canonical_url: https://help.salesforce.com/s/articleView?id=platform.lt_change_out_apex.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: b429414ffe09f6999fb0bba035861be3f50406f5060745c2d9382f1b025f8ca4
description: Customize the user interface by overriding the default component with a custom one tailored to your business needs.
products:
  - Salesforce Platform
release: "264"
---
# Change the Default Output Component for an Apex-Based Custom Lightning Type

Customize the user interface by overriding the default component with a custom one tailored to your business needs. 

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></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.</td></tr></tbody></table>

When you open a custom Lightning type, the UI Configuration tab provides a workspace with an Editor tab and a Renderer tab. By default, the Renderer tab contains default output components in both the Renderer Override and Collection Renderer Override sections. You can override this component with your own custom LWC component.

1. Open the Apex-based custom Lightning type that you want to configure.
2. Select the **UI Configuration** tab.
3. From the Channel dropdown, select the Salesforce application that you want to configure.
    - **Agentforce (Lightning Experience)** configures the component for the Lightning Experience interface.
    - **Agentforce (Mobile)** configures the component for the Mobile interface.
    - **Enhanced Chat v2** configures the component for the Enhanced Chat v2 interface.
4. Select the **Renderer** tab.
5. Choose which override to configure. To define a single renderer, use the Renderer Override section. To define a renderer for your structured list of data, use the Collection Renderer Override section.
6. In the section that you chose, to override the default output component, click **Change**.
7. In the Select an Output Component window, select your custom output LWC component, and then map its fields to the corresponding fields in the Apex class.
8. Click **Done**.
9. Save your work.