save file

Author: javascript-2020

html-components/html-components.html

@@ -44,20 +44,25 @@
 
         var ex1;
         var ex2;
+        var ex3;
 
         async function init(){
 
               menu    = menumod();
 
               ex1   = mod.ex1;
               ex2   = mod.ex2;
+              ex3   = mod.ex3;
+              
 
               ex1.initmod({ext,$,menu,ace});
               ex2.initmod({ext,$,menu,ace});
+              ex3.initmod({ext,$,menu,ace});
 
               await Promise.all([
                     ex1.init(),
                     ex2.init(),
+                    ex3.init(),
               ]);
 
               initdom();
@@ -164,8 +169,25 @@
 
 
                     <div>
+                    
                           <p>
-                                to me a component / module should have a standard lifecycle that is
+                                view the full list of component
+                                <br>
+                                <a href='html-component-list/html-component-list.html'>
+                                      html component list
+                                </a>
+                          </p>
+
+                          <p>
+                                view the component library documentation and api
+                                <br>
+                                <a href='component-library/component-library.html'>
+                                      component library
+                                </a>
+                          </p>
+                          
+                          <p>
+                                to me a component / module will have a standard lifecycle that is
                           </p>
                           <ul>
                                 <li>
@@ -204,14 +226,18 @@
                                 the common elements to this setup are the inclusion of the component script, the initialisation ( init ) function
                                 and the initdom
                           </p>
-                          <snippet-html-console id=ex1 component v2.0 src='ex/log-ex.html'></snippet-html-console>
+                          
+                          <snippet-html-console id=ex1 component v2.0 src='ex/log-ex.html' style='display:block;margin-top:100px'></snippet-html-console>
+                          
                     </div>
 
-                    <div>
+                    <div style='display:block;margin-top:100px'>
                           <p>
                                 this is the code for the log-mod component
                           </p>
+                          
                           <web-editor id=ex2 component fullsize src='https://libs.ext-code.com/html/log-mod/log-mod.html'></web-editor>
+                          
                     </div>
 
 
@@ -305,6 +331,7 @@
 
               ex1.initdom();
               ex2.initdom();
+              ex3.initdom();