Correcto sigpro

docs/components/modal.md

@@ -66,6 +66,23 @@ const BasicDemo = () => {
 Mount(BasicDemo, '#demo-basic');
 ```
 
+
+<!-- Open the modal using ID.showModal() method -->
+<button class="btn" onclick="my_modal_1.showModal()">TEST DIRECTO</button>
+<dialog id="my_modal_1" class="modal">
+  <div class="modal-box">
+    <h3 class="text-lg font-bold">Hello!</h3>
+    <p class="py-4">Press ESC key or click the button below to close</p>
+    <div class="modal-action">
+      <form method="dialog">
+        <!-- if there is a button in form, it will close the modal -->
+        <button class="btn">Close</button>
+      </form>
+    </div>
+  </div>
+</dialog>
+
+
 ### Modal with Actions
 
 <div class="card bg-base-200 border border-base-300 shadow-sm my-6">

docs/index.html

@@ -53,11 +53,7 @@
         const codeBlocks = document.querySelectorAll('pre[data-lang="javascript"] code');
         
         codeBlocks.forEach(code => {
-          // Usamos un bloque try/catch por si el código del Markdown tiene errores
           try {
-            // Ejecutamos el código. 
-            // Como tu librería ya puso $, Mount, Button, etc. en 'window', 
-            // el código los encontrará directamente.
             const runDemo = new Function(code.innerText);
             runDemo();
           } catch (err) {