{"version":"1.0","type":"rich","title":"Gist d873309f3ccea67a21470c6fae865574","description":"This example demonstrates an interactive popover component built with React, showcasing both controlled and uncontrolled usage. Users can select a placement position, toggle a close icon, and trigger the popover via buttons for show, toggle, hide, and unset actions. The component uses Reactstrap's Popover and UncontrolledPopover components with lazy loading via React Suspense, and manages positioning through the `PLACEMENTS` configuration. It demonstrates the AtomPopover API, including controlled visibility through `showPopover`, ref-based targeting, and callback throttling with `@s-ui/js`'s throttle utility.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-d873309f3ccea67a21470c6fae865574?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}