Popover & Tooltips

Popovers Example

Add small overlay content, like those found in iOS, to any element for housing secondary information.

Bootstrap Tooltips

Hover over the links below to see tooltips:

Placement

The default tippy tooltip looks like this when given no options. It has a nifty backdrop filling animation!

Arrows

Arrows point toward the reference element. There are two different types of arrows: sharp and round. You can transform the proportion and scale of the arrows any way you like.

Interactivity

Tooltips can be interactive, meaning they won't hide when you hover over or click on them.

Animations

Tooltips can have different types of animations.

Duration

A tippy can have different transition durations.

HTML

Tooltips can contain HTML, allowing you to craft awesome interactive popovers.

Look! The Dastyle logo is inside a Dastyle.

Themes

A tippy can have any kind of theme you want! Creating a custom theme is a breeze.

Misc

Tippy has a ton of features, and it's constantly improving.

© 2020 Dastyle Crafted with by Mannatthemes