About Editor React Components

An Editor React Component (ERC) is a custom React site widget whose editor experience is declared in a manifest. This reference is the contract between your component code and that manifest: the fields you declare, the DOM the editor requires, the props your component receives, the panels Wix users open, and the TypeScript types for the values that flow through all of those.

The manifest follows from the component rather than the other way around. You build the React component first, and Wix tooling generates much of the manifest from your component code, leaving you to adjust the declarations rather than write them from scratch.

What's in this reference

• Editor React Component Manifest: The TypeScript configuration object. Start here for how the editor reads the manifest, then use the property tables for each field.
• Editor React Component Extension Files and Code: The generated file set and what each file is for.
• Component Requirements: How the rendered DOM must connect to the manifest so the editor can select, style, and configure the component.
• Runtime Props Reference: The props your component receives at runtime and how they map to manifest declarations.
• Auto Panels for Editor React Components: The editor panels Wix users open, and which manifest sections drive each one.
• Editor React Types: The TypeScript types from @wix/editor-react-types for values you declare in the manifest and receive in your component. Context providers and function libraries use the same types.

See also

• Editor React Components
• Editor React Component Extension Files and Code
• About the Editor React Component Manifest
• About Editor React Types