{"version":"1.0","type":"rich","title":"Menus with React","description":"This example demonstrates a dynamic dropdown menu for selecting a pet, with the current choice displayed via React state. The interface uses a styled `<select>` element and a custom `Dropdown` component, which maps over an array of pet options and triggers state updates through the `onSelectedValueChange` prop. The app is built with React and ReactDOM, utilizing the `useState` hook to manage the selected value. The page is rendered in a clean, full-screen layout, with the selection logged to the console for debugging purposes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6cfac9a002b94a79bf06bae7bf241d44?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}