Popover 气泡卡片

使用 Floating UI 定位浮层，可选择悬浮或点击触发。

交互演示 React

亲手试一试，更容易理解。

在当前页面运行 Popover 气泡卡片的交互示例。

交互指南

点击本页的“运行演示”，或在独立窗口中体验示例。也可在 src 下的页面中直接挂载现有演示：

tsx

import Example from "./components/popover/PopoverDemo";

export default function ExamplePage() {
  return <Example />;
}

open 当前仅初始化内部状态，不会同步后续外部更新。狭窄空间下会自动翻转方位，实际显示位置可能不同于 placement。