---
schema_version: "1"
id: 46c10ea99b90257b2f64de703a544cbbaf646ba0c72b7f568152eb2d1cd9cbda
title: Preview Lightning Type Components Using Live Preview
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/release-notes/262-0-0/rn_lt_preview_comp.md
canonical_url: https://help.salesforce.com/s/articleView?id=release-notes.rn_lt_preview_comp.htm&release=262.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: a2c7d4cb62d9ab93e257f78075a582cbf04c109c2f485f72afd1456bc554b0de
description: You can now use Live Preview to see Lightning web components in real time when building custom UI editors and renderers for Lightning types. With the Salesforce Live Preview extension in VS Code, you can preview and test UI changes directly in your workspace.
products:
  - Cross Cloud
release: "262"
---
# Preview Lightning Type Components Using Live Preview

You can now use Live Preview to see Lightning web components in real time when building custom UI editors and renderers for Lightning types. With the Salesforce Live Preview extension in VS Code, you can preview and test UI changes directly in your workspace.

**Where:** This change applies to Lightning Experience in Enterprise, Performance, Unlimited, and Developer editions.

**When:** This feature is available starting the week of June 8, 2026.

**How:** In VS Code Explorer, right-click the editor.json or renderer.json file in your Lightning type bundle, then select **SFDX: Open in Lightning Preview**. The preview refreshes automatically each time you save updates to your component code.

![A Visual Studio Code (VS Code) workspace with side-by-side panels. One panel shows the Lightning Preview of the custom renderer, displaying a task board with metrics for Total, Open, Closed, and High Priority cases. The adjacent panel shows the renderer.json file configured to override the component definition.](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-release-notes-salesforce_release_notes-262-0-0-production-enus/e945111b-3e0a-4011-accc-d5949363bfcc/salesforce_release_notes/images/rn_lt_preview_comp.png)

#### See Also

- [_Lightning Web Components Developer Guide_: Run a Live Component Preview](https://developer.salesforce.com/docs/platform/lwc/guide/get-started-test-components.html)
- [Visual Studio Code Marketplace: Salesforce Live Preview](https://marketplace.visualstudio.com/items?itemName=salesforce.salesforcedx-vscode-ui-preview)
- [_Lightning Types Developer Guide_: Preview Custom UI for Lightning Types in Your IDE Using Live Preview](https://developer.salesforce.com/docs/platform/lightning-types/guide/lightning-types-ui-config.html)