How to style tooltips

[raszkiewicz]

I'm not able to find out which classes I need to update to style tooltips.

[TheSharpieOne]

You can apply classNames to the various elements you want to target (or just to the wrapper and target your styles via nesting (.className > div > div)).

// Apply class to the wrapper
className: PropTypes.string,
// Apply class to the inner-tooltip
innerClassName: PropTypes.string,
// Apply class to the arrow-tooltip ('arrow' by default)
arrowClassName: PropTypes.string,

The style prop is applied to the inner-tooltip (which is the actual tooltip content)

check out https://stackblitz.com/edit/reactstrap-v8-xwtcvk?file=Example.js and inspect the tooltip.

[douglasb99]

ArrowClassName is not implemented from popover so you cannot style the arrow easily tho

[oootkarsh]

arrowClassName doesn't work.