feat: pass native props like ID to Collapse node

contentful · Jan 11, 2022 · 4dcd271 · 4dcd271
1 parent 6817c06
commit 4dcd271
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/components/collapse/src/Collapse.tsx b/packages/components/collapse/src/Collapse.tsx
@@ -1,10 +1,10 @@
 import React, { useLayoutEffect, useRef } from 'react';
 import tokens from '@contentful/f36-tokens';
-import type { CommonProps } from '@contentful/f36-core';
+import type { CommonProps, PropsWithHTMLElement } from '@contentful/f36-core';
 import { Box } from '@contentful/f36-core';
 import { getCollapseStyles } from './Collapse.styles';
 
-export interface CollapseProps extends CommonProps {
+interface CollapseInternalProps extends CommonProps {
   /**
    * Child nodes to be rendered in the component
    */
@@ -19,6 +19,11 @@ export interface CollapseProps extends CommonProps {
   className?: string;
 }
 
+export type CollapseProps = PropsWithHTMLElement<
+  CollapseInternalProps,
+  'div'
+>;
+
 export const Collapse = ({
   children,
   className,