The Core Component Teaser Component can show an image, a title, rich-text, and optionally link to further content.
The Teaser Component allows the content author to easily create a teaser to further content using an image, title, or rich text and linking to further content or other actions.
The template author can use the design dialog to define if the options to create call-to-actions and add links are available as well as disabling various display options. The content author can use the configure dialog to set an image, define CTAs, set titles and descriptions, and configure links to the individual teaser. The edit dialog of the Image Component can be accessed to modify the teaser image.
The current version of the Teaser Component is v1, which was introduced with release 2.1.0 of the Core Components in July 2018, and is described in this document.
The following table details all supported versions of the component, the AEM versions with which the versions of the component is compatible, and links to documentation for previous versions.
|Component Version||AEM 6.4||AEM 6.5||AEM as a Cloud Service|
To experience the Teaser Component as well as see examples of its configuration options as well as HTML and JSON output, visit the Component Library.
The latest technical documentation about the Teaser Component can be found on GitHub.
Further details about developing Core Components can be found in the Core Components developer documentation.
The content author can use the configure dialog to define the properties of the individual teaser. There is also an edit dialog to modify the teaser image if one is selected.
Dynamic Media features are not currently available in the Teaser Component.
The Teaser Component delegates image rendering to the Image Component. Therefore the [edit dialog](/docs/experience-manager-core-components/using/components/image.md#edit-dialog of the Image Component is available to the content author to manipulate the teaser image.
The design dialog allows the template author to define the teaser options that the content author has when using this component.
The Teaser Component supports the AEM Style System.
The Teaser Component supports the Adobe Client Data Layer.