Fix docs compilation to avoid duplicate IDs

diff --git a/site/src/content/docs/forms/floating-labels.mdx b/site/src/content/docs/forms/floating-labels.mdx
index 00748de95e93a66fd4c2a2f403128e36986c8941..32129d5528f90e68af46d9e20518caa7ff7de25b 100644 (file)
--- a/site/src/content/docs/forms/floating-labels.mdx
+++ b/site/src/content/docs/forms/floating-labels.mdx
@@ -134,12 +134,12 @@ When using `.input-group` and `.form-floating` along with form validation, the `
 Make any `.form-control` always use a floating label with visible placeholder with the `.form-floating-always` modifier class. Visible placeholders use the default input `color`  and lighten to the placeholder color on focus. This matches them with other floating labels built with plaintext inputs and selects.
 
 <Example code={`<div class="form-floating form-floating-always mb-3">
-    <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
-    <label for="floatingInput">Email address</label>
+    <input type="email" class="form-control" id="alwaysFloatingInput" placeholder="name@example.com">
+    <label for="alwaysFloatingInput">Email address</label>
   </div>
   <div class="form-floating form-floating-always">
-    <input type="password" class="form-control" id="floatingPassword" placeholder="••••••••">
-    <label for="floatingPassword">Password</label>
+    <input type="password" class="form-control" id="alwaysFloatingPassword" placeholder="••••••••">
+    <label for="alwaysFloatingPassword">Password</label>
   </div>`} />
 
 ## Layout