{"version":"1.0","type":"rich","title":"Menus with React","description":"This example demonstrates how to build an interactive dropdown menu in React that lets users select a pet from a list of six options, with the current selection displayed in a label. The app uses React's `useState` hook to manage the selected value, and a custom `Dropdown` component renders a native HTML `<select>` element with `<option>` children. The component receives `options`, `selectedValue`, and an `onSelectedValueChange` callback, mapping over the options array to generate each choice and conditionally marking the selected one. ReactDOM renders the entire interface to the `#root` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6ec742aa9a584922b120cc6d70dfca50?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}