From 77efd139f6b3ce6c9a74f800677e356d2ede34d5 Mon Sep 17 00:00:00 2001
From: Shreyag02 <shreyagupta72484@gmail.com>
Date: Fri, 8 May 2026 15:35:13 +0530
Subject: [PATCH] fix(playground): wrap text/number controls in Field so labels
 render

---
 apps/www/src/components/demo/demo-controls.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/www/src/components/demo/demo-controls.tsx b/apps/www/src/components/demo/demo-controls.tsx
index 0dc044732..a94e194f2 100644
--- a/apps/www/src/components/demo/demo-controls.tsx
+++ b/apps/www/src/components/demo/demo-controls.tsx
@@ -6,6 +6,7 @@ import {
   UploadIcon
 } from '@radix-ui/react-icons';
 import {
+  Field,
   Flex,
   IconButton,
   Input,
@@ -151,10 +152,9 @@ export default function DemoControls({
 
         // For text and number types
         return (
-          <div key={prop} className={styles.controlField}>
+          <Field key={prop} label={propLabel} className={styles.inputLabel}>
             <Input
               size='small'
-              label={propLabel}
               value={
                 control.type === 'number'
                   ? String(Number(propValue))
@@ -170,9 +170,9 @@ export default function DemoControls({
               type={control.type === 'number' ? 'number' : 'text'}
               min={control.min}
               max={control.max}
-              className={cx(styles.noShadow, styles.inputLabel)}
+              className={styles.noShadow}
             />
-          </div>
+          </Field>
         );
       })}
     </div>