{"version":"1.0","type":"rich","title":"Menus with React","description":"This example demonstrates a simple pet-selection menu built with React, where a dropdown list lets users choose among six animals such as dog, cat, hamster, or parrot. The selected value appears in the browser console, and the interface uses large, readable text for the label and select box. The code relies on React’s `useState` hook to manage the current selection, and a custom `Dropdown` component that maps over an options array to render each `<option>` element. ReactDOM renders the app into the `#root` div, with the dropdown styled via CSS.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/75d57667806c4c189e60923fe6c96abc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}