Create a Custom Property Editor

To replace the default property editor for a given property type in a custom Lightning web component, create a custom property editor. First create a Lightning web component, including HTML and CSS, to serve as the property editor. Then link your custom property editor back to the component properties that you want to use this editor for.

See Also

Release Preview

This release is in preview. Features described here don't become generally available until the latest general availability date that Salesforce announces for this release. Before then, and where features are noted as beta, pilot, or developer preview, we can't guarantee general availability within any particular time frame or at all. Make your purchase decisions only on the basis of generally available products and features.

Get Started
Create Lightning Web Components
Work with Lightning Base Components
Communicate with Events
Work with Salesforce Data
Develop Secure Code
Use Components in Salesforce Targets
View Components in Setup
AppExchange
CRM Analytics Dashboards
Component Context
Create Components for Forecasts Pages
Custom Tabs
Email Builder
Experience Cloud Sites
Configure a Component for Experience Builder
Create a Custom Property Editor or Type for a Custom Component in Experience Builder
Considerations and Limitations for Custom Property Types and Editors
Overview: Creating Custom Property Types and Editors
Create a LightningTypeBundle
Create a Custom Property Editor
The Property Editor Contract and Property Sheet
General Guidelines for Creating a Custom Property Editor
Build the UI for a Custom Property Editor
XML Configuration
Link a Custom Property Editor or Property Type to Your Custom Component
Test a Custom Property Type or Editor
Migrate from ExperiencePropertyTypeBundle to LightningTypeBundle
Flows
Form Factors
Lightning App Builder
Lightning Console Apps
Lightning Message Service
Navigate to Pages, Records, and Lists
Open Files
Open Modal Windows and Notifications
Outlook and Gmail
Quick Actions
Setup with Agentforce
Standalone Apps
Use Mobile Device Features
Utility Bar
Visualforce Pages
Use Components Outside Salesforce with Lightning Out 2.0
Aura Coexistence
Migrate Aura Components
Debug Lightning Web Components
Test Lightning Web Components
Improve Performance
Use Agentforce Vibes for LWC Development
LWC API Modules
Reference