0

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 },
        },
      }}
     ...
    />
4

0 回答 0