{"version":"1.0","type":"rich","title":"Menus with React","description":"This example demonstrates a pet-selection menu built entirely with React, showing how dropdown state updates the displayed choice. It renders a labeled `<select>` element with five hard-coded options (goldfish, cat, hamster, spider, parrot) and initializes the selection to \"hamster.\" The `Dropdown` component receives `options`, `selectedValue`, and an `onSelectedValueChange` callback, leveraging React’s `useState` hook to manage the selected value and update the UI on each change. The code uses React 16.9 and ReactDOM to mount the app, with custom styling applied via inline CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6976239a30bb407d910715a1f3df47fd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}