AEM WCM Components - Angular Core implementation | AEM Community Blog Seeding

[kautuk_sahni]

AEM WCM Components - Angular Core implementation by @adobe/aem-core-components-angular-base

Abstract

This module provides a Angular implementation for the AEM core components. This enables you to use the core components: -In the AEM SPA editor with Angular -Or in any other Angular context, provided you have the input needed to instantiate the components.

Current supported / exported components:
1. Page Authoring
2. Button (V1)
3. Download (V1)
4. Image (V2)
5. List (V2)
6. Separator (V1)
7. Teaser (V1)
8. Text (V2)
9. Title (V2)

Layout
1. BreadCrumb (V2)
2. Language Navigation (V1)
3. Navigation (V1)

Abstraction
1. AbstractCoreComponent
2. CoreComponentModel (interface)

Containers
For the containers (Accordion,Tabs,Carousel,Container) we do not provide any implementation in this project. It does not make sense to provide it for web-components as you can leverage the normal Core Components implementation such as a Tab Container, and drag your web components in there. Instead we provide them for the SPA editor only, introducing a dependency, and therefore we moved it into a separate project.

Usage
You can choose to import the entire library at once OR import components individually. The latter is useful if you want to only enable a few components and you want to save your javascript footprint. Also, if you want to load all core components, but you want to lazyload them with angular suspense, you will need to import them individually.

Read Full Blog

AEM WCM Components - Angular Core implementation

Q&A

Please use this thread to ask the related questions.