Alpha: Editor React Components are currently in alpha. This feature is subject to change and may have bugs, issues, and limitations. We're actively improving it based on your feedback.
The displayFilters property controls which properties appear in the editor panels when Wix users select your component. Use it to hide properties that your component uses internally but that Wix users shouldn't edit, or to show only relevant properties for a specific preset or state.
You can define displayFilters in:
If multiple levels define filters, the editor applies them in the following order:
Only items that pass every applicable filter appear in the editor.
Each key corresponds to a section in your manifest. Use hide or show (not both) to control which items from that section appear in the editor. If you don't define a display filter for a category, no filter is applied.
hide: The editor shows all items except those in the list.show: The editor shows only the items in the list, everything else is hidden.Filter keys from your data map.
Filter keys from your cssProperties map.
Filter keys from your cssCustomProperties map.
Filter keys from your elements map.
Filter keys from your customActions map.
Filter built-in editor actions. Use the predefined action names listed below.
Filter keys from your states map.
Display groups and display filters operate independently. Display filters remove properties before the editor panel receives them. Display groups organize whatever properties remain.
The following uses both hide and show across levels. At the component level, the component hides the data property internalId. The 'compact' preset then uses show to restrict the visible data properties to just title and icon. When you select that preset, only those two appear in the editor; the editor hides subtitle and any other data properties.
The following shows displayFilters with all supported keys configured.
Last updated: 17 May 2026