DEV Community


React Bootstrap Outlined Tooltip Style/CSS

calvinpak profile image CP ・1 min read

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)

Forem Open with the Forem app