# UI Controls

Elementor Core Basic

UI controls are not a regular controls that the user can interact with, these are special controls only visible in the editor. Please note that these controls don’t return any value.

# Using UI Controls

The following controls are included in Elementor:

  • Heading – Display a heading in the panel.
  • Raw HTML – Display HTML content in the panel.
  • Button – Display a button that can trigger an event in the panel.
  • Divider – Display a separator between controls.
  • Deprecated Notice - Display deprecation notices in the panel.

# Extending UI Controls

To create your own UI controls, you need to extend the \Elementor\Base_UI_Control abstract class:

 


class Elementor_Test_Control extends \Elementor\Base_UI_Control {
}
1
2