{"version":"1.0","type":"rich","title":"Select with React","description":"This example demonstrates a simple pet-selection dropdown built with React and ReactDOM. It shows how a controlled `<select>` element updates its displayed label when a user chooses a new option from the list of six animals. The App component uses the `useState` hook to track the selected value, passing it down to a reusable Dropdown component that maps over the options array. The dropdown’s `onChange` event triggers `setSelectedValue`, and the selected attribute highlights the current choice, with the initial value set to hamster.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/efabc08553774b83917ee07910a6835f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}