Before/After

---

🗄File Path

src/sections/Generic/BeforeAndAfter/index.jsx

Primary

Creating this module 👆🏼 requires the following fields in your 'Page Sections'.

type	heading	body	media
generic/BeforeAndAfter	Enter your heading here	optional	requres 4 images

This component requires 4 Images. When adding your media, please add them in them in the following order: media: before media: after. media:before media: after

---

Primary Mobile

Creating this module 👆🏼 requires the following fields in your 'Page Sections'.

type	heading	body	media
generic/BeforeAndAfter	Enter your heading here	optional	requres 4 images

This component requires 4 Images. When adding your media, please add them in them in the following order: media: before media: after. media:before media: after

---

Secondary

Creating this module 👆🏼 requires the following fields in your 'Page Sections'.

type	heading	body	media	cta	settings
generic/BeforeAndAfter	Enter your heading here	optional	requres 4 images	true	true

This component requires 4 Images. When adding your media, please add them in them in the following order: media: before media: after. media:before media: after

---

This page section requires a CTA. Fill out your CTA fields.

text	page	url	Button Style
Enter button label	Optional: Links interally to a caraway page	Optional: Links to an external URL	required

---

It looks like this module requires settings. You'll need to add the required fields below

name	(landing/LargeIntro) Background Color	modified
required	Enter a background color, default color is white	true

Secondary Mobile

Creating this module 👆🏼 requires the following fields in your 'Page Sections'.

type	heading	body	media	cta	settings
generic/BeforeAndAfter	Enter your heading here	optional	requres 4 images	true	true

This component requires 4 Images. When adding your media, please add them in them in the following order: media: before media: after. media:before media: after

---

This page section requires a CTA. Fill out your CTA fields.

text	page	url	Button Style
Enter button label	Optional: Links interally to a caraway page	Optional: Links to an external URL	required

---

It looks like this module requires settings. You'll need to add the required fields below

name	(landing/LargeIntro) Background Color	modified
required	Enter a background color, default color is white	true