Include html in Input's label

[patrykkalinowski]

Hi,

I'd like to include links in my input labels. Currently HTML tags are generated as-is - is it possible to have them parsed?

[FallonWaagvkp]

To create a clickable link, you can use HTML markup in your label, such as the tag with the href attribute to specify the link URL. You can then use CSS to style the link as desired.

[patrykkalinowski]

Not sure if I'm doing something wrong here?

[metonym]

The labelText prop only accepts a string, but the TextInput also supports a labelText slot that you can use to pass HTML or other components:

<script>
  import { TextInput, Link } from "carbon-components-svelte";
</script>

<TextInput placeholder="Enter user name...">
	<svelte:fragment slot="labelText">
	  My label with a <Link size="sm" href="https://www.carbondesignsystem.com/">link</Link>
	</svelte:fragment>
</TextInput>

Svelte REPL