fix(textfield): add semantic connection between label and input in ex…

…amples
holisticon · Aug 9, 2024 · 74fc2f6 · 74fc2f6
1 parent df2ec90
commit 74fc2f6
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/documentation/src/elements/textfield.stories.ts b/packages/documentation/src/elements/textfield.stories.ts
@@ -17,8 +17,12 @@ const meta: Meta<TextfieldArgs> = {
   },
   render: (args) => html`
     <div class="hap-textfield">
-      <label>${args.label}</label>
-      <input ?required=${args.required} ?disabled=${args.disabled} />
+      <label for="textfield">${args.label}</label>
+      <input
+        id="textfield"
+        ?required=${args.required}
+        ?disabled=${args.disabled}
+      />
     </div>
   `,
 };