How to insert line break in contents of tooltip

[muthubentley]

How to insert line break in contents of tooltip
I tried adding in the content and added the white-space: pre-wrap; but it isnt breaking to next line

tsx:

<Tooltip content="simple &#10; tooltip" className="customtooltip">
              <Slider min={-1000} max={1000} step={10} />
            </Tooltip>

css:

.customtooltip{
  text-align: left;
  white-space: pre-wrap;
}

[mayank99]

hey @muthubentley, you can use html inside content to separate the lines.

<Tooltip
  content={
    <>
     <div>simple</div>
     <div>tooltip</div>
    </>
  }
>
  ...
</Tooltip>

[muthubentley]

Thanks @mayank99 . That worked. I didnt realize that Tooltip.content was a react node, thought it would accept just a string.