{"version":"1.0","type":"rich","title":"Menus with React","description":"This example demonstrates a React dropdown menu that lets users select a pet from a list of dog, cat, hamster, parrot, spider, or goldfish options. The selected value is managed through React's `useState` hook and displayed in the browser console via `console.log`. The `Dropdown` component uses native HTML `<select>` and `<option>` elements, with the selection state fully controlled by the parent `App` component, which passes the chosen value and a callback to update it.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/09d4a433c39f4e04bc6656fc19a2a71b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}