解构

基本结构

img
  1. 气泡卡片容器 包含自定义的内容的容器;
  2. 内容标题(可选) 用于总结、概括气泡卡片里的内容;
  3. 内容描述 用于说明气泡内的信息内容;
  4. 更多的内容呈现(可选) 当内容信息较多时,可以在更大区域内的气泡卡片里进行呈现;
  5. 小三角(可选) 用来指出气泡卡片出现的触发点。

Components Demo

❌ Figma Variants

基础用法

弹出位置

根据触发器的位置合理选择 Popover 出现的位置。默认情况下,为了保证光标不遮挡 Popover,Popover 的默认位置为正上方。Popover 展示时,必须完整地呈现在可视范围内,不能被覆盖或被裁切。
img