How do props and events work in Svelte?

How do props and events work in Svelte?

In Svelte, props are used to pass data from a parent component to a child component, while events allow child components to communicate back to their parents.

Can you give me an example of using props?

Sure! You can define a prop in a child component like this: export let name; and then use it in the parent component as <ChildComponent name='John' />.

What about events? How do I handle them?

To handle events, you can use the on:eventName directive. For example, <button on:click={handleClick}>Click me</button> will call the handleClick function when the button is clicked.

Can I pass functions as props?

Yes, you can pass functions as props! Just define a function in the parent and pass it down like any other prop.