Template Dasar Svelte — Svelte

Di Svelte, kamu menulis HTML langsung di file .svelte — tidak perlu JSX atau template string. Kurung Kurawal {} Gunakan {} untuk menyisipkan ekspresi JavaScript

Di Svelte, kamu menulis HTML langsung di file .svelte — tidak perlu JSX atau template string.

Kurung Kurawal {}

Gunakan {} untuk menyisipkan ekspresi JavaScript di markup:

<script>
  let nama = "Budi"
  let tahun = 2026
</script>

<h1>Halo, {nama}!</h1>
<p>Tahun ini {tahun}</p>
<p>2 + 3 = {2 + 3}</p>

Atribut Dinamis

<script>
  let src = "/gambar.jpg"
  let alt = "Deskripsi gambar"
</script>

<img {src} {alt} />

Jika nama variabel sama dengan nama atribut, bisa disingkat: {src} sama dengan src={src}.

HTML Tag

Untuk merender HTML mentah, gunakan {@html}:

{@html "<b>Teks tebal</b>"}

Yang akan kamu pelajari