2 回答

TA貢獻1803條經驗 獲得超6個贊
您可以用 a 包裹您的標題span并為其添加樣式,如下所示:
<Tooltip
title={<span style={{ whiteSpace: 'pre-line' }}>{tipText}</span>}
placement="left"
classes={{
tooltip: classes.tooltip,
}}>
<IconButton>
<InfoOutlined />
</IconButton>
</Tooltip>
現在,當您的文本包含\n任何地方時,它將換行。例如,您可以有如下文本:
Hey there,\nCome here
這將呈現為:
Hey there,
Come here

TA貢獻1797條經驗 獲得超6個贊
是的你可以
參考materia-uicustomized-tooltips官方文檔
在線嘗試:https ://stackblitz.com/run?file=demo.js
您可以customized HTML content通過道具title添加。
<Tooltip
title={
<>
<Typography color="inherit">Line one</Typography>
<Typography color="inherit">Line two</Typography>
</>
}
>
<Button>HTML</Button>
</Tooltip>
因為你幾乎可以在里面寫任何你想要的東西,所以這應該不是問題。
添加回答
舉報