feat: support restProps for React ColumnLayout component

nl-design-system · Oct 12, 2024 · b520118 · b520118
1 parent c705163
commit b520118
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/.changeset/gold-plums-burn.md b/.changeset/gold-plums-burn.md
@@ -0,0 +1,5 @@
+---
+"@utrecht/component-library-react": minor
+---
+
+Support `restProps` for React `ColumnLayout` component.
diff --git a/packages/component-library-react/src/ColumnLayout.tsx b/packages/component-library-react/src/ColumnLayout.tsx
@@ -11,8 +11,15 @@ export interface ColumnLayoutProps extends HTMLAttributes<HTMLDivElement> {
 }
 
 export const ColumnLayout = forwardRef(
-  ({ children, className, rule }: PropsWithChildren<ColumnLayoutProps>, ref: ForwardedRef<HTMLDivElement>) => (
-    <div className={clsx('utrecht-column-layout', { 'utrecht-column-layout--rule': rule }, className)} ref={ref}>
+  (
+    { children, className, rule, ...restProps }: PropsWithChildren<ColumnLayoutProps>,
+    ref: ForwardedRef<HTMLDivElement>,
+  ) => (
+    <div
+      className={clsx('utrecht-column-layout', { 'utrecht-column-layout--rule': rule }, className)}
+      ref={ref}
+      {...restProps}
+    >
       {children}
     </div>
   ),