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

[kryptus36]

Closes #1092

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
flowbite-svelte	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 3, 2023 7:45pm
flowbite-svelte-update	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 3, 2023 7:45pm

[shinokada]

Why you need a named slot?

      {@html label}

or

   <slot>
      {@html label}
    </slot>

should be enough.

[jjagielka]

In fact it should be simply:

<slot>{label}</slot>

and to make it even simpler we should remove the label prop from exports and use <slot/> for all labels. So instead of:

<FloatingLabelInput style="filled" id="floating_filled" name="floating_filled" type="text" label="Floating filled" />

we would use that as:

<FloatingLabelInput style="filled" id="floating_filled" name="floating_filled" type="text">
   Floating filled <span>containg html</span>
</FloatingLabelInput>

[kryptus36]

If you remove the label prop you break backwards compatibility.Naming the slot isn't strictly necessary. Let me know which solution is preferred and I'll update it. I was going for maximum flexibility.

[shinokada]

Please remove the label props and just add <slot />, since it is not a v1 yet.

[shinokada]

Can you update the markdown file for https://flowbite-svelte.com/docs/forms/floating-label as well?
The file is https://github.com/themesberg/flowbite-svelte/blob/main/src/routes/docs/forms/floating-label.md.