Passing Props Example Between Components In Svelte

In this pass data component to component svelte example, I will discuss about the way of passing data from one component to another component in svelte. If you don't know how to svelte pass data to parent then this example is for you.

Using props, we can pass data very easily from one component to another component. So from this svelte pass props tutorial, you will learn svelte pass props to child. Let's see the example code of svelte component props:

src/App.svelte

Look, player is our object data and we need to pass it to PlayerComponent and would like to use this object in this component.

src/components/PlayerComponent.svelte

If we run this code the output will be:

Keep in mind that we have to use export before props to use it. Hope it can help you.