How can we remove arrow of this react tooltip and give it a border?

https://www.npmjs.com/package/react-tooltip

CodePudding user response：

you can by overide tooltip css, try this

<span data-tip="hello" data-></span>

.tool-tip::before {
  border-right: none !important;
}

or

.__react_component_tooltip::before,
.__react_component_tooltip::after {
  content: none !important;
}