rizzo-css 0.0.43 → 0.0.45

package/scaffold/vanilla/index.html

@@ -362,6 +362,19 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -426,6 +439,14 @@
           </div>
         </div>
       </section>
+      <section class="home__add-command" aria-labelledby="home-add-command-heading">
+        <h2 id="home-add-command-heading" class="home__section-title">Add a component</h2>
+        <p class="home__features-intro" style="margin-bottom: var(--spacing-4);">Add any component from the CLI:</p>
+        <div class="home__add-command-block">
+          <pre><code>npx rizzo-css add &lt;ComponentName&gt;</code></pre>
+          <button type="button" class="btn btn-outline home__add-command-copy" data-copy-command="npx rizzo-css add <ComponentName>" aria-label="Copy command">Copy</button>
+        </div>
+      </section>
       <section class="home__docs">
         <h2 class="home__section-title">Documentation</h2>
         <div class="home__docs-grid">
@@ -456,6 +477,9 @@
         </div>
       </section>
     </div>
+    <script>
+    (function(){ document.addEventListener('DOMContentLoaded',function(){ document.querySelectorAll('[data-copy-command]').forEach(function(btn){ btn.addEventListener('click',function(){ var c=btn.getAttribute('data-copy-command'); if(c&&navigator.clipboard&&navigator.clipboard.writeText){ navigator.clipboard.writeText(c); btn.setAttribute('aria-label','Copied'); var t=setTimeout(function(){ btn.setAttribute('aria-label','Copy command'); },2000); } }); }); }); })();
+    </script>
   </main>
 
 
@@ -584,6 +608,19 @@
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/js/main.js

@@ -967,3 +967,4 @@
     run();
   }
 })();
+{{RIZZO_SOUND_SCRIPT}}