在材质用户界面中显示弹出框的箭头

Question

是否可以向实质性UI弹出框组件添加箭头？

谢谢

Answer 1

如果您想将箭头指向打开弹窗的按钮，则只需在其中放置html箭头即可。

<Button aria-describedby={id} variant="contained" color="primary" onClick={handleClick}>
    Open Popover <img src="//path-for-arrow-image" />
</Button>
<Popover {...propsOfPopover}> {children} </Popover>

Answer 2

如果您想改用Popper，则下面的沙箱包含一个组件，您应该可以将其直接复制到代码库（打字稿）中：RichTooltip。标准Tooltip不适用于我们项目的丰富内容，并且不允许按钮，选择文本等。

https://codesandbox.io/s/popper-with-arrow-58jhe