Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

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

Avatar

Avatar
Establish
Community Manager
kautuk_sahni
Community Manager

Likes

1,164 likes

Total Posts

6,273 posts

Correct Reply

1,144 solutions
Top badges earned
Establish
Coach
Originator
Contributor 2
Contributor
View profile

Avatar
Establish
Community Manager
kautuk_sahni
Community Manager

Likes

1,164 likes

Total Posts

6,273 posts

Correct Reply

1,144 solutions
Top badges earned
Establish
Coach
Originator
Contributor 2
Contributor
View profile
kautuk_sahni
Community Manager

13-01-2021

BlogImage.jpg

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.

AEM AEMEBlogSeeding Experience Manager