Props memungkinkan komponen menerima data dari parent. Di Svelte, gunakan export let untuk mendeklarasikan prop.

Mendeklarasikan Props

<!-- Greeting.svelte -->
<script>
  export let nama
  export let pesan = "Selamat datang" // default value
</script>

<h2>Halo, {nama}!</h2>
<p>{pesan}</p>

Mengirim Props

<Greeting nama="Andi" />
<Greeting nama="Budi" pesan="Apa kabar?" />

Spread Props

<script>
  const data = { nama: "Cici", pesan: "Hai!" }
</script>

<Greeting {...data} />

$props dan $restProps

• $props — semua props yang diterima
• $restProps — props yang tidak di-export