Elementor Controls snippets for VS Code

elementor-controls.code-snippets

{
	"elementor control slider": {
        "prefix": [
          "elementor",
          "control",
          "slider"
        ],
        "body": [
		  	"$this->add_control(",
			"	'${1:value}',",
			"	[",
			"		'label' => __( '${2:Name}', 'elementive' ),",
			"		'type' => Controls_Manager::SLIDER,",
			"			'size_units' => [ 'px', '%' ],",
			"			'range' => [",
			"				'px' => [",
			"				'min' => 0,",
			"				'max' => 1000,",
			"				'step' => 5,",
			"			],",
			"			'%' => [",
			"				'min' => 0,",
			"				'max' => 100,",
			"			],",
			"		],",
			"		'default' => [",
			"			'unit' => '%',",
			"			'size' => 50,",
			"			],",
			"		'selectors' => [",
			"			'{{WRAPPER}} .${3:selector}' => 'width: {{SIZE}}{{UNIT}};',",
			"		],",
			"	]",
			");",
        ],
        "description": "Elementor control slider."
    }
}