Allows use of html in label, or alternately overwriting it entirely. F…

…ixes #1092.
themesberg · Sep 30, 2023 · dc5a76b · dc5a76b
1 parent 8d3077d
commit dc5a76b
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/lib/forms/FloatingLabelInput.svelte b/src/lib/forms/FloatingLabelInput.svelte
@@ -76,7 +76,9 @@
   <input {id} {...$$restProps} bind:value on:blur on:change on:click on:focus on:input on:keydown on:keypress on:keyup on:mouseenter on:mouseleave on:mouseover on:paste {...{ type }} placeholder=" " class={twMerge(inputClasses[style], inputColorClasses[color], inputSizes[style][size], $$props.classInput)} />
 
   <label for={id} class={twMerge(labelClasses[style], labelColorClasses[color], labelSizes[style][size], $$props.classLabel)}>
-    {label}
+    <slot name='label'>
+      {@html label}
+    </slot>
   </label>
 </div>