Expand my Community achievements bar.

Enhance your AEM Assets & Boost Your Development: [AEM Gems | June 19, 2024] Improving the Developer Experience with New APIs and Events

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




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


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)

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

1. AbstractCoreComponent
2. CoreComponentModel (interface)

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.

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


Please use this thread to ask the related questions.

Kautuk Sahni

Topics help categorize Community content and increase your ability to discover relevant content.

0 Replies