解构
基本结构
- 气泡卡片容器 包含自定义的内容的容器;
- 内容标题(可选) 用于总结、概括气泡卡片里的内容;
- 内容描述 用于说明气泡内的信息内容;
- 更多的内容呈现(可选) 当内容信息较多时,可以在更大区域内的气泡卡片里进行呈现;
- 小三角(可选) 用来指出气泡卡片出现的触发点。
Components Demo
❌ Figma Variants
基础用法
弹出位置
根据触发器的位置合理选择 Popover 出现的位置。默认情况下,为了保证光标不遮挡 Popover,Popover 的默认位置为正上方。Popover 展示时,必须完整地呈现在可视范围内,不能被覆盖或被裁切。