DEV Community

CP
CP

Posted on

3 2

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.

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay