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

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 DX MCP Tools for LWC (Beta)
LWC API Modules
Reference