From 74fc2f68e2c4960ec67107bdbec24c31adb76a55 Mon Sep 17 00:00:00 2001
From: Christoph Fricke <christoph.fricke@holisticon.de>
Date: Fri, 9 Aug 2024 16:00:29 +0200
Subject: [PATCH] fix(textfield): add semantic connection between label and
 input in examples

---
 packages/documentation/src/elements/textfield.stories.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/documentation/src/elements/textfield.stories.ts b/packages/documentation/src/elements/textfield.stories.ts
index 72657fb..e359235 100644
--- 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>
   `,
 };