fix(Field): add a visual gap between input and message

tenphi · tenphi · commit a7f2f4b2a679 · 2025-02-19T11:04:22.000+01:00
diff --git a/.changeset/healthy-ducks-do.md b/.changeset/healthy-ducks-do.md
@@ -0,0 +1,5 @@
+---
+'@cube-dev/ui-kit': patch
+---
+
+Add a visual gap between the field input and the message below.
diff --git a/src/components/form/FieldWrapper/FieldWrapper.tsx b/src/components/form/FieldWrapper/FieldWrapper.tsx
@@ -41,6 +41,7 @@ const FieldElement = tasty({
     InputArea: {
       display: 'block',
       flow: 'column',
+      gap: '.5x',
       gridColumn: {
         '': 'initial',
         'has-sider': 2,

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@cube-dev/ui-kit': patch
 +---
++
 +Add a visual gap between the field input and the message below.