{"version":"1.0","type":"rich","title":"Menus with React","description":"This example shows a pet selector interface with a dropdown menu that lets users choose a pet type (Goldfish, Dog, Cat, Hamster, Parrot, or Spider). The selected value is displayed in the browser console. The implementation uses React with the `useState` hook to manage the selected value, and ReactDOM to render the `App` component into the HTML `div` with id `root`. The code imports React and ReactDOM from unmanaged packages, and the dropdown options are defined as a JavaScript array of objects with `value` and `label` properties.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f637686a52104b5798244fd625de51de?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}