Snippet

Declaring Component Props

In Svelte, you use the 'export' keyword to declare a variable as a property (prop), allowing parent components to pass data into it.

snippet.js

javascript

<script>
  export let username = 'Guest';
</script>
 
<p>Welcome, {username}!</p>

svelte

Breakdown

export let username = 'Guest';

Defines a prop named 'username' with a default value of 'Guest'.