SVELTE Toate comenzile Svelte & SvelteKit

`Tag-ul în Svelte` în Svelte & SvelteKit

Elemente Speciale de Sistem (<svelte:...>) Svelte 3.47+

Randează un element HTML dinamic specificat printr-un șir de caractere (ex: h1, h2, div, p).

Sintaxă

<svelte:element this={numeTag}> Conținut </svelte:element>

Polimorfism de elemente HTML

Când o componentă tipografică trebuie să randeze fie un h1, fie un h2 sau un span în funcție de o proprietate primită, <svelte:element this={tag}> elimină necesitatea unor blocuri repetitive de {#if}.

Exemplu Concret: Componentă de titlu dinamic

<script>
  let { nivel = 'h2', copii } = $props();
</script>

<svelte:element this={nivel}>
  {@render copii()}
</svelte:element>