</div><div class="tsd-tag-example"><h4 class="tsd-anchor-link" id="example">Example<a href="#example" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="typescript"><span class="hl-11">// Preferred approach - standalone components</span><br/><span class="hl-2">@</span><span class="hl-10">Component</span><span class="hl-2">({</span><br/><span class="hl-2"> </span><span class="hl-9">selector:</span><span class="hl-2"> </span><span class="hl-6">'my-app'</span><span class="hl-2">,</span><br/><span class="hl-2"> </span><span class="hl-9">imports:</span><span class="hl-2"> [</span><span class="hl-9">GridstackComponent</span><span class="hl-2">, </span><span class="hl-9">GridstackItemComponent</span><span class="hl-2">],</span><br/><span class="hl-2"> </span><span class="hl-9">template:</span><span class="hl-2"> </span><span class="hl-6">'<gridstack></gridstack>'</span><br/><span class="hl-2">})</span><br/><span class="hl-5">export</span><span class="hl-2"> </span><span class="hl-12">class</span><span class="hl-2"> </span><span class="hl-13">AppComponent</span><span class="hl-2"> {}</span><br/><br/><span class="hl-11">// Legacy approach (deprecated)</span><br/><span class="hl-2">@</span><span class="hl-10">NgModule</span><span class="hl-2">({</span><br/><span class="hl-2"> </span><span class="hl-9">imports:</span><span class="hl-2"> [</span><span class="hl-9">GridstackModule</span><span class="hl-2">]</span><br/><span class="hl-2">})</span><br/><span class="hl-5">export</span><span class="hl-2"> </span><span class="hl-12">class</span><span class="hl-2"> </span><span class="hl-13">AppModule</span><span class="hl-2"> {}</span>
0 commit comments