Teaser Block

Once you introduce a Teaser block on your page, multiple fields appear for authoring. Here is a brief about the properties of a Teaser block.

1. Title: Defines the title of the teaser component.
2. Style: Style is used to describe if we want to use an image or a video in our block. Style comes up with below options:
   • Image
   • Video
3. Video Reference: A direct video link could be provided in this field which would start appearing on the block.
4. Button Text: It is used to define the button text.
5. Button Link: It. is used to define the link where the button will redirect to.
6. Enable Swoosh Effect: It is used to enable or disable Circular effect on the component.
7. CTA Style
   • Link: Renders as a text link
   • Primary Button: Standard primary button styling
   • Secondary Button: Secondary/outlined button styling
   • Dark Button: Dark variant for contrast on light backgrounds