50/50 Teaser Block

Reviewing the Teaser Block

Screenshot of the Teaser block field configuration

Let's review how the Ignite 50/50 block fields would map to the component we have built.

Field	Notes
Eyebrow	This text value will be passed to our eyebrow argument which uses a "badge" sub-component.
Link	This link is an optional value that will be used as a CTA on our teaser.
Media	The media field here is an image that is displayed on one side of the 50/50 component.
Summary	This is the summary text for the teaser.
Teaser Background	We want to support a "dark" and "light" version of the component so we will use this field value to inject a modifier class into our component.
Teaser Layout	We will use this layout value to determine whether we want the image to appear on the left or right side.
Title	This value will be used for the teaser heading.