namespace Elementor\Modules\Components\Widgets;
use Elementor\Modules\AtomicWidgets\Elements\Atomic_Widget_Base;
use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\Number_Prop_Type;
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
class Component extends Atomic_Widget_Base {
public static function get_element_type(): string {
public function show_in_panel() {
public function get_title() {
$title = esc_html__( 'Component', 'elementor' );
if ( isset( $this->get_settings ) && null !== $this->get_settings( 'component_id' ) ) {
$post_id = $this->get_settings( 'component_id' )['value'];
$title = Plugin::$instance->documents->get( $post_id )->get_title();
public function get_keywords() {
public function get_icon() {
protected static function define_props_schema(): array {
'component_id' => Number_Prop_Type::make(),
protected function define_atomic_controls(): array {
protected function get_settings_controls(): array {
protected function render(): void {
if ( null === $this->get_settings( 'component_id' ) ) {
$post_id = $this->get_settings( 'component_id' )['value'];
$content = Plugin::$instance->frontend->get_builder_content( $post_id );
$html = sprintf( '<div class="e-component">%s</div>', $content );
// PHPCS - should not be escaped.
echo $html; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped