整条气泡轮廓用一条 path 画成:凹角外扩(C) · 直斜边(L) · 圆角顶点(A)。 调参实时预览,可导入 / 导出配置,底部有真实悬停示例。
悬停 / Tab 聚焦上面的按钮看真实 tooltip
C:底边端水平切线、斜边端沿斜边切线,让根部向外平滑铺开 flare。L,让它仍然「像个三角」而非纯水滴。A,从斜边回退 tip·ah/aw 出切点,得到圆润尖角。fill 即可,无拼接缝。形状随容器 currentColor 取色,自动适配明暗主题。
<Tooltip
label="保存"
geo={{ aw: 8, ah: 7, flare: 4, tip: 2, R: 8 }}
>
<button>保存</button>
</Tooltip>