DEV Community

CP
CP

Posted on

React Bootstrap Outlined Tooltip Style/CSS

Default Bootstrap Tooltip

The default Bootstrap tooltip could use some styling help.
Alt Text

Outlined Tooltip

Let's change it to outlined with drop-shadow and proper spacing!
Alt Text

Implementation details

This is implemented with reactstrap and styled-components. You can see the CSS in each styled component file in /styles/Tooltip*.js. It should be fairly easy to customize with your own design, too.

Discussion (0)