Author with Core Components
In Adobe Experience Manager, components are the structural elements that constitute the content of the pages being authored.
The Core Components offer flexible and feature-rich authoring functionality. The WKND reference site and its illustrates how the core components can be used to implement a rich website experience.
To experience the Core Components and see examples of their configuration options as well as HTML and JSON output, visit the Component Library.
For a more in-depth, developer-oriented introduction to implementing the Core Components on an AEM project by using the AEM Project Archetype check out the WKND tutorial.
Authoring with Core Components
As an author, you will notice several advantages of the Core Components, including:
-
Simple to use and well-integrated with the page editor
-
Feature-rich capabilities to accommodate many use cases as illustrated by the WKND reference site as well as in the Component Library
-
Pre-configurable to define which features are available to page authors via the template editor
-
Built around accessibility guidelines
-
Built to support responsive layout
-
Built to support easy localization
Components are available on the Components tab of the side panel of the page editor when editing a page.
Components are grouped according to categories called component groups to easily organize and filter the components. The component group name is displayed with the component in the component browser and it is also possible to filter by group to easily find the right component.
Pre-Configuring Core Components
Configuring Foundation Components was the job of a developer. However with Core Components, a template author can now configure a number of capabilities via the template editor.
For example if an image component should not allow image upload from the file system, or if a text component should only allow certain paragraph formatting, these features can be enabled or disabled with a simple click.
See Creating Page Templates for more information.
Edit and Design Dialogs
Because the Core Components can be pre-configured by template authors to define what options are allowed as part of a template, and then further configured by the page author to define actual page content, each component can have options in two different dialogs.
Component Styling
The styles of most Core Components can be defined using the AEM style system.
- A template author can define which styles are available for a particular component in the Design Dialog of that component.
- The content author can then choose which styles to apply when adding the component and creating content.
For further details see the Style System documentation.
Developer Resources
See the Developing Core Components developer documentation for technical information regarding core components.