Skip to content

Divider Control

Elementor Core Basic

Elementor divider control displays a separator between controls.

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

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

Arguments

NameTypeDefaultDescription
typestringdividerThe type of the control.
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(
			'hr',
			[
				'type' => \Elementor\Controls_Manager::DIVIDER,
			]
		);

		$this->end_controls_section();

	}

}