<h2>Overview</h2>
Angular Extensions Elements provides a seamless way to lazy-load Angular Elements and other web components within your Angular applications. Designed to enhance performance and user experience, this library simplifies the integration of web components, making it easier for developers to manage their applications and optimize resource loading. With a straightforward installation process and clear documentation, it's a valuable asset for anyone looking to boost the efficiency of their projects.
The library is compatible with various versions of Angular, ensuring that developers can leverage its features regardless of the specific version they are working with. Its flexibility and user-friendly directives allow developers to implement sophisticated lazy-loading mechanisms with ease, paving the way for improved application performance and responsiveness.
<h2>Features</h2>
<ul>
<li>
Easy Installation: Simply install via npm with <code>npm i @angular-extensions/elements</code>, allowing for quick integration into your Angular project.
</li>
<li>
Lazy Loading: Supports lazy-loading of Angular Elements and web components, enhancing your application’s performance by only loading components when needed.
</li>
<li>
Support for Multiple Versions: Compatible with Angular versions from 6.x to 15.x, making it versatile for various project requirements.
</li>
<li>
Custom Elements Schema: Automatically handles the setup for utilizing custom elements by incorporating <code>CUSTOM_ELEMENTS_SCHEMA</code> in your component's decorator.
</li>
<li>
Directives for Element Loading: Utilize the <code>*axLazyElement</code> directive on elements to streamline the loading process by specifying the element bundle URL.
</li>
<li>
Comprehensive Documentation: Offers detailed documentation including getting started guides, use cases, and API references to assist developers in implementation.
</li>
</ul>