DEV Community

CP
CP

Posted on

4 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)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more