Special Elements — Svelte

Svelte menyediakan elemen khusus dengan prefix svelte: untuk fitur lanjutan. svelte:component import Red from "./Red.svelte" import Blue from "./Blue.svelte" le

Svelte menyediakan elemen khusus dengan prefix svelte: untuk fitur lanjutan.

svelte:component

<script>
  import Red from "./Red.svelte"
  import Blue from "./Blue.svelte"

  let current = Red
</script>

<svelte:component this={current} />
<button on:click={() => current = Blue}>Ganti ke Blue</button>

svelte:element

<svelte:element this={tag}>Elemen dinamis</svelte:element>

svelte:window

<script>
  let innerWidth
  let key = ""
</script>

<svelte:window bind:innerWidth on:keydown={e => key = e.key} />
<p>Lebar: {innerWidth}px, Key: {key}</p>

svelte:head

<svelte:head>
  <title>Halaman Saya</title>
</svelte:head>

svelte:body dan svelte:document

Untuk event di <body> atau document.