{"version":"1.0","type":"rich","title":"Menus with React - with HTML Native Select","description":"This example demonstrates a basic menu selection interface built with React, showing how an HTML native `<select>` element can be used as a dropdown to choose a pet from a preset list. The selected value is tracked through React’s `useState`, and every change triggers a console log. The `Dropdown` component maps over an options array and renders `<option>` elements, using the `selected` attribute to mark the current choice. The code uses React 17 and ReactDOM, with the UI rendered into a root div and styled with large label and select text sizes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3f56507ec75543c5a5a553d3cade304c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}