Elementor V3 widget controls

Build editor panels from Elementor's built-in classic controls and couple each saved value to safe, predictable rendering. “V3” means the established Widget_Base / Controls_Stack model even when the installed plugin is Elementor 4.x. Do not apply these arrays to Atomic Widgets / Editor V4.

This skill does not create custom control types. Prefer a built-in control or a well-defined fallback; a custom-control integration is a separate lifecycle, asset, and compatibility problem.

When to use this skill

• Add or review register_controls() in a Widget_Base subclass.
• Choose between regular, responsive, group, repeater, media, URL, or icon controls.
• Use selectors, selectors_dictionary, prefix_class, condition, or conditions.
• Diagnose a control that saves one shape but render() expects another.
• Enable dynamic tags or expose selected settings to widget JavaScript.
• Render repeater rows, responsive values, links, icons, or editor-inline text.
• Audit whether Elementor controls are being mistaken for sanitizers.

Read references/built-in-controls-and-patterns.md when implementing value shapes, selector tokens, group controls, repeaters, or a full example. Pair this skill with elementor-v3-widget-development for bootstrap, registration, assets, caching, and frontend lifecycle.

Workflow