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();

	}

}