TextArea: conditionally render label (#415)

Cambly · May 14, 2024 · 0d4c595 · 0d4c595
1 parent 1529628
commit 0d4c595
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 7 deletions.
diff --git a/.changeset/itchy-cups-sparkle.md b/.changeset/itchy-cups-sparkle.md
@@ -0,0 +1,5 @@
+---
+"@cambly/syntax-core": minor
+---
+
+TextArea: conditionally render label
diff --git a/packages/syntax-core/src/TextArea/TextArea.tsx b/packages/syntax-core/src/TextArea/TextArea.tsx
@@ -102,13 +102,15 @@ const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
         }}
         position="relative"
       >
-        <label className={textFieldStyles.label} htmlFor={inputId}>
-          <Box paddingX={1}>
-            <Typography size={100} color="gray700">
-              {label}
-            </Typography>
-          </Box>
-        </label>
+        {label && (
+          <label className={textFieldStyles.label} htmlFor={inputId}>
+            <Box paddingX={1}>
+              <Typography size={100} color="gray700">
+                {label}
+              </Typography>
+            </Box>
+          </label>
+        )}
         <Typography size={100}>
           <textarea
             data-testid={dataTestId}