{"version":"1.0","type":"rich","title":"Menus with React","description":"This example demonstrates a pet-selection dropdown menu built with React. It shows how a controlled `<select>` element updates a displayed value based on user interaction. The code defines a reusable `Dropdown` component that receives options, a selected value, and a change handler, using React hooks (`useState`) to manage state. The interface renders a large label and select box, with the chosen pet name reflected instantly. It uses React and ReactDOM to mount the app, with the dropdown options defined as a static JavaScript array of pet names.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7bf3c8174ead483182d247737e075172?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}