<section class="section docs-section" id="modals">
                  <h2 class="section-title">Modals</h2>
                  <p class="docs-section-description">Modal создаётся из JS через Modals.create. Для обычного текста используй bodyText; HTML-контент передавай явно через bodyHtml или DOM-элемент.</p>
                  <div class="block">
                    <h3 class="block-title">Open triggers</h3>
                    <GnButton variant="primary" @click="modalOpen = true">Open modal</GnButton>
                  </div>
                
<div class="code-example">
		<div class="code-example-header">
			<span class="code-example-title">Modals JS</span>
			<button class="btn-icon btn-icon-sm" type="button" aria-label="Copy"><i class="ph ph-copy"></i></button>
		</div>
<pre><code class="language-javascript">Modals.create("demo-modal", {
  title: "Demo modal",
  bodyText: "Modal content",
  actions: modal =&gt; {
    const close = document.createElement("button");
    close.className = "btn btn-primary";
    close.textContent = "Close";
    close.addEventListener("click", () =&gt; modal.close());
    return [close];
  }
}).show();</code></pre>
	</div>
</section>