show all htmlattribute types (#4659)

elastic · Mar 23, 2021 · d259ee8 · d259ee8
1 parent ee9e343
commit d259ee8
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/...docs/src/components/guide_section/guide_section_parts/guide_section_props_description.tsx b/...docs/src/components/guide_section/guide_section_parts/guide_section_props_description.tsx
@@ -26,14 +26,17 @@ export const GuideSectionPropsDescription: FunctionComponent<GuideSectionPropsDe
 
   const { description, extendedInterfaces } = docgenInfo;
 
-  const extendedTypes = extendedInterfaces
+  const extendedTypes: string[] = extendedInterfaces
     ? extendedInterfaces.filter((type: any) => !!extendedTypesInfo[type])
     : [];
 
+  // if all extendedTypes are HTMLAttributes, show them all
   // if there is an HTMLAttributes type present among others, remove HTMLAttributes
-  if (extendedTypes.includes('HTMLAttributes') && extendedTypes.length > 1) {
-    const htmlAttributesIndex = extendedTypes.indexOf('HTMLAttributes');
-    extendedTypes.splice(htmlAttributesIndex, 1);
+  if (!extendedTypes.every((type) => type.indexOf('HTMLAttributes') > -1)) {
+    if (extendedTypes.includes('HTMLAttributes') && extendedTypes.length > 1) {
+      const htmlAttributesIndex = extendedTypes.indexOf('HTMLAttributes');
+      extendedTypes.splice(htmlAttributesIndex, 1);
+    }
   }
 
   const extendedTypesElements = extendedTypes.map((type: any, index: any) => (