aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/src/components/form-examples/field-grid.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/form-examples/field-grid.tsx')
-rw-r--r--src/components/form-examples/field-grid.tsx10
1 files changed, 10 insertions, 0 deletions
diff --git a/src/components/form-examples/field-grid.tsx b/src/components/form-examples/field-grid.tsx
new file mode 100644
index 0000000..7dbb83d
--- /dev/null
+++ b/src/components/form-examples/field-grid.tsx
@@ -0,0 +1,10 @@
+import { Children, type ReactNode } from 'react'
+import styles from './form-examples.module.css'
+
+export default function FieldGrid({ children }: { children: ReactNode }) {
+ return (
+ <div className={styles.grid}>
+ {Children.map(children, (child) => <div className={styles.field}>{child}</div>)}
+ </div>
+ )
+}