Info Tooltip

Card-style help tooltip with an info icon, bolded title, and supporting copy beneath.

Monthly recurring revenueSum of normalized subscriptions divided by months, excluding one-time charges.

Import & use

import { Tooltip3 } from "@/components/beste/piece/tooltip3";

<Tooltip3
  title="Monthly recurring revenue"
  description="Sum of normalized subscriptions divided by months, excluding one-time charges."
/>

More Tooltip pieces

View all Tooltip

Churn rate

Percentage of customers who cancel during a period, divided by customers at the start of that period.Glossary · Metrics

Glossary Tooltip

Definition popover with a book icon, term headline, explanation, and source footer.

Try the new AI rewrite

Polish any paragraph in one click. Available in the editor.

Action Tooltip

Dark rich tooltip carrying a headline, supporting blurb, and an inline action link.

2560 × 1440

hero-dashboard-dark.pngUploaded by Mira · 2 days ago

Image Preview

Thumbnail-first tooltip showing a gradient preview, dimensions chip, filename, and author.

Duplicate row⌘D

Shortcut Tooltip

Dark tooltip that pairs a short label with inline kbd keys for the matching shortcut.

Noor AhmedStaff engineer · PlatformOnline

User Hover Card

Avatar hover tooltip showing name, role, and a presence dot with its state beneath.

Pin to favorites

Tooltip

Dark tooltip bubble with a small triangular arrow. Direction points the tail up or down.