{"version":"1.0","type":"rich","title":"Props in react","description":"This example demonstrates how React components pass and receive data through props. The App component renders three Contact components, each receiving a `card` object containing image URLs, names, phone numbers, and emails from placeholder kitten images. The Contact component uses destructuring with a default value for the `ashy` property, logging the props object to the console. The code uses React 16.10 with `ReactDOM.render` to mount the component tree in the root element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6870078416ac4db8ac657f83d242bca6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}