Skip to content

Heading Control

Elementor Core Basic

Elementor heading control displays a text heading between controls in the panel.

The control is defined in Control_Heading class which extends Base_UI_Control class.

When using this control, the type should be set to \Elementor\Controls_Manager::HEADING constant.

Arguments

NameTypeDefaultDescription
typestringheadingThe type of the control.
labelstringThe label that appears above of the field.
show_labelbooltrueWhether to display the label.
label_blockbooltrueWhether to display the label in a separate line.
separatorstringdefaultSet the position of the control separator. Available values are default, before and after. default will hide the separator, unless the control type has specific separator settings. before / after will position the separator before/after the control.

Return Value

This control does not return any value.

Usage

php
<?php
class Elementor_Test_Widget extends \Elementor\Widget_Base {

	protected function register_controls(): void {

		$this->start_controls_section(
			'content_section',
			[
				'label' => esc_html__( 'Content', 'textdomain' ),
				'tab' => \Elementor\Controls_Manager::TAB_CONTENT,
			]
		);

		$this->add_control(
			'more_options',
			[
				'label' => esc_html__( 'Additional Options', 'textdomain' ),
				'type' => \Elementor\Controls_Manager::HEADING,
				'separator' => 'before',
			]
		);

		$this->end_controls_section();

	}

}