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:

 

output
Player name is Ronaldo

 

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

author-image
Facebook Github
A web enthusiastic, a self-motivated full-stack software engineer from Dhaka, Bangladesh with experience in developing applications using Laravel , React and Vue js