Create Grid component

2025-09-09 13:30:59 +02:00
parent 2f8b301a61
commit 16f5162541
3 changed files with 35 additions and 0 deletions
--- a/webui/src/common/components/Grid/Grid.jsx
+++ b/webui/src/common/components/Grid/Grid.jsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import './styles.sass';
+
+export const Grid = ({
+  children,
+  columns = 'auto-fill',
+  minWidth = '300px',
+  gap = '1.5rem',
+  className = '',
+  ...rest
+}) => {
+  const gridStyle = {
+    '--grid-columns': columns === 'auto-fill' ? `repeat(auto-fill, minmax(${minWidth}, 1fr))` : `repeat(${columns}, 1fr)`,
+    '--grid-gap': gap
+  };
+
+  return (
+    <div 
+      className={`grid ${className}`} 
+      style={gridStyle}
+      {...rest}
+    >
+      {children}
+    </div>
+  );
+};