Tooltip
使用 aCallout
呈现其弹出窗口,但ITooltipStyles
似乎不包含subComponentStyles
允许您为其标注设置样式的 a。是否可以在主题对象中为标注设置工具提示特定的样式,这样我就不必在使用工具提示的任何地方应用相同的样式?
具体来说,我想为工具提示的喙/喙幕和填充等配置背景颜色。(并非所有标注......只是用于工具提示的标注。)
目前看来我必须这样做:
// In my Theme...
components: {
Tooltip: {
styles: ({ theme }: ITooltipStyleProps): Partial<ITooltipStyles> => ({
root: { background: theme.palette.neutralDark },
content: { background: theme.palette.neutralDark },
}),
},
}
// And wherever I want to use a tooltip...
<TooltipHost
calloutProps={{
styles: {
beak: { background: theme.palette.neutralDark },
beakCurtain: { background: theme.palette.neutralDark },
calloutMain: { background: theme.palette.neutralDark },
},
}}
...
/>