update CSS method

elements/hello-world.php

@@ -177,6 +177,28 @@ public function add_options() {
 			 * @return void
 			 */
 			public function add_scripts() {
+
+				/* For example.
+				Fusion_Dynamic_JS::enqueue_script(
+					'fusion-date-picker',
+					FUSION_BUILDER_PLUGIN_URL . 'assets/js/library/flatpickr.js',
+					FUSION_BUILDER_PLUGIN_URL . 'assets/js/library/flatpickr.js',
+					[ 'jquery' ],
+					'1',
+					true
+				);
+				*/
+			}
+
+			/**
+			 * Load element base CSS.
+			 *
+			 * @access public
+			 * @since 3.0
+			 * @return void
+			 */
+			public function add_css_files() {
+				FusionBuilder()->add_element_css( SAMPLE_ADDON_PLUGIN_DIR . 'css/my-elements.css' );
 			}
 		}
 	}
@@ -189,12 +211,14 @@ public function add_scripts() {
  *
  * @since 1.0
  */
-function hello_world() {
+function hello_world_map() {
 
 	$fusion_settings = fusion_get_fusion_settings();
 
 	fusion_builder_map(
 		fusion_builder_frontend_data(
+
+			// Class reference.
 			'MyHelloWorld',
 			[
 				'name'                     => esc_attr__( 'Hello World', 'hello-world' ),
@@ -241,4 +265,4 @@ function hello_world() {
 		)
 	);
 }
-add_action( 'fusion_builder_before_init', 'hello_world' );
+add_action( 'fusion_builder_before_init', 'hello_world_map' );

fusion-builder-sample-add-on.php

@@ -28,15 +28,4 @@ function my_init_elements() {
 	}
 	add_action( 'fusion_builder_shortcodes_init', 'my_init_elements', 10 );
 
-
-	function my_enqueue_scripts() {
-		Fusion_Dynamic_CSS::enqueue_style( SAMPLE_ADDON_PLUGIN_DIR . 'css/my-elements.css', SAMPLE_ADDON_PLUGIN_URL . 'css/my-elements.css' );
-		/*
-		Using the above call will combined into the compiled CSS.  Alternatively you can enqueue separately with:
-		wp_enqueue_style( 'my-elements', SAMPLE_ADDON_PLUGIN_URL . 'css/my-elements.css', false, false );
-
-		In that case also change hook below from wp to wp_enqueue_scripts.
-		*/
-	}
-	add_action( 'wp', 'my_enqueue_scripts', 10 );
 }