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.
Core Components are not immediately available to authors, the development team must first integrate them to your environment. Once integrated, they may be made available and pre-configured via the template editor.
As an author, you will notice several advantages of the Core Components, including:
Simple to use and well-integrated with the page 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.
The Core Components are by default part of a hidden group and are not visible within the component browser.
Add the required components to a visible group or customize them for them to be available for authors.
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.
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.
|Description||What it Controls||Examples|
|Edit Dialog||Options that a page author can modify during normal page editing for the placed components||The content displayed by the component and how it will ultimately appear on the page.||Formatting of content text, rotate an image on a page|
|Design Dialog||Options that a template author can modify when configuring a page template.||What options the page author has available when editing the component||Which text formatting options are available, which image in-place options are available|
The styles of most Core Components can be defined using the AEM style system.
For further details see the Style System documentation.
See the Developing Core Components developer documentation for technical information regarding core components.