{"version":"1.0","type":"rich","title":"Menus with React","description":"This example demonstrates a pet-selection menu built with React, where users choose from a list of animals. It shows a labeled dropdown interface that updates the selected value in response to user interaction. The code uses React’s `useState` hook to track the current selection, and a reusable `Dropdown` component renders the HTML `<select>` element. The dropdown options are defined as an array of objects with value-label pairs, and the selected value defaults to “hamster.” No external data source is used; the options are hardcoded in the component.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0d962addbe0345218c364c5d6346ecee?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}