The Core Component Teaser Component displays a title, image, text, and link to direct users to further content.
View on public site:
Use a Teaser Core when you have a featured page with an image that you want to display from another page. The Teaser Core component can be placed on any page in the site, including landing pages. It can be placed in the content, right rail, and left rail containers of the page.
Be sure to verify that the title matches the title from the linked page and the description content accurately summarizes the page or matches the description text from the linked page.
Ensure that the asset has all the correct and necessary information attached to it, such as file size, and accurately matches the related image on the linked page.
Using the Teaser Core component, the content author can easily create a title, teaser text, image, and link to a page. Teaser Text is the text description of your page that displays when the page is provided within a list.
The component displays a hyperlinked title and hyperlinked asset the author specifies with description text underneath. The link and asset can be selected by the user and selecting the link or image directly will navigate them to the new page (in the same tab).
The configure dialog allows the content author to define the image, text, link & actions displayed in the teaser. See the section below to learn more about the Teaser Core dialog box.
The teaser title, description and image can be inherited from the linked page, or from the page linked in the first call to action. If neither a link nor a call to action is specified, then the title, description and image will be inherited from the current page.
The Teaser Component supports the AEM Style System.
Use the drop-down to select the styles that you want to apply to the component. Selections made in the edit dialog have the same effect as those chosen from the component toolbar.
Styles must be configured for this component in the design dialog in order for the drop down menu to be available.