Faire · emmclaughlin · Oct 26, 2022 · Oct 26, 2022
diff --git a/scripts/generate-mjml-react.ts b/scripts/generate-mjml-react.ts
@@ -135,6 +135,7 @@ function buildTypesForComponent(mjmlComponent: IMjmlComponent): string {
   const {
     componentName,
     allowedAttributes,
+    defaultAttributes,
     endingTag: isEndingTag,
   } = mjmlComponent;
   const typesFromMjmlAttributes: Record<string, string> = {};
@@ -179,7 +180,16 @@ function buildTypesForComponent(mjmlComponent: IMjmlComponent): string {
   }
 
   const typeStrings = Object.entries(typesFromMjmlAttributes).map(
-    ([attributes, type]) => `${attributes}?: ${type}`
+    ([attributes, type]) => {
+      const definition = `${attributes}?: ${type}`;
+      const defaultValue =
+        defaultAttributes && attributes in defaultAttributes
+          ? defaultAttributes[attributes]
+          : undefined;
+      return defaultValue
+        ? `/** MJML default value: ${defaultValue} */\n${definition}`
+        : definition;
+    }
   );
 
   // allow any property

diff --git a/src/mjml/MjmlAccordion.tsx b/src/mjml/MjmlAccordion.tsx
diff --git a/src/mjml/MjmlAccordionText.tsx b/src/mjml/MjmlAccordionText.tsx
diff --git a/src/mjml/MjmlAccordionTitle.tsx b/src/mjml/MjmlAccordionTitle.tsx
diff --git a/src/mjml/MjmlBody.tsx b/src/mjml/MjmlBody.tsx
diff --git a/src/mjml/MjmlButton.tsx b/src/mjml/MjmlButton.tsx
diff --git a/src/mjml/MjmlCarousel.tsx b/src/mjml/MjmlCarousel.tsx
diff --git a/src/mjml/MjmlCarouselImage.tsx b/src/mjml/MjmlCarouselImage.tsx
diff --git a/src/mjml/MjmlColumn.tsx b/src/mjml/MjmlColumn.tsx
diff --git a/src/mjml/MjmlDivider.tsx b/src/mjml/MjmlDivider.tsx
diff --git a/src/mjml/MjmlGroup.tsx b/src/mjml/MjmlGroup.tsx
diff --git a/src/mjml/MjmlHero.tsx b/src/mjml/MjmlHero.tsx
diff --git a/src/mjml/MjmlImage.tsx b/src/mjml/MjmlImage.tsx
diff --git a/src/mjml/MjmlNavbar.tsx b/src/mjml/MjmlNavbar.tsx
diff --git a/src/mjml/MjmlNavbarLink.tsx b/src/mjml/MjmlNavbarLink.tsx
diff --git a/src/mjml/MjmlSection.tsx b/src/mjml/MjmlSection.tsx
diff --git a/src/mjml/MjmlSocial.tsx b/src/mjml/MjmlSocial.tsx
diff --git a/src/mjml/MjmlSocialElement.tsx b/src/mjml/MjmlSocialElement.tsx
diff --git a/src/mjml/MjmlSpacer.tsx b/src/mjml/MjmlSpacer.tsx
diff --git a/src/mjml/MjmlTable.tsx b/src/mjml/MjmlTable.tsx
diff --git a/src/mjml/MjmlText.tsx b/src/mjml/MjmlText.tsx
diff --git a/src/mjml/MjmlWrapper.tsx b/src/mjml/MjmlWrapper.tsx