Das „Teaser”-Modul besteht aus zwei Komponenten – dem Modul selbst, welches eine Teaserzeile wie einen Rahmen aufspannt und einige Einstellungen für die gesamte Teaserzeile beinhaltet:
- eine Überschrift, wahlweise H2 oder H3
- die Option „Compact Mode” wählt eine kompaktere, vertikale Darstellung der Teaser in der mobilen Ansicht statt einer horizontalen Anordnung (meist zu empfehlen)
- die Option „Buttons Aligned Bottom” ordnet alle Teaserbuttons einer Teaserzeile bündig unten an (sollte immer gewählt werden)
- „Check if used in Finder CMP” – muss aktiviert werden, falls der Teaser im „Finder”-Modul verwendet wird.
Als zweite Komponente können in einer Teaserzeile zwei bis vier „Teaser Entry”-Module, das sind die eigentlichen Teaserelemente, eingesetzt werden. Falls mehr als vier Teaser benötigt werden, sind diese auf mehrere anzulegende „Teaser”-Module zu verteilen.
Beim Einsatz von nur zwei Teaserelementen werden Bild und Text nebeneinander statt übereinander angeordnet. In diesem Fall kann gewählt werden, ob das Bild links oder rechts neben dem Text erscheinen soll – in beiden Fällen sollte ein Bild mit Fokus auf der rechten Seitee verwendet werden.