0

Not able to set font color of ToolTipHost in fluent-ui, I tried below code but it is not working.

<TooltipHost content="Tooltip Content"
    calloutProps: {
      styles: {
        calloutMain: { background: 'red',color:'white' },
      },
    },
/>
Imran Ali
  • 87
  • 3
  • 11

1 Answers1

3

Use tooltipProps and styles inside it:

<TooltipHost
   ...
   tooltipProps={{
     styles: {
       content: { color: '#f00' }
     }
   }}
/>

Full working example Codepen.

Marko Savic
  • 2,159
  • 2
  • 14
  • 27