About this piece
Swatch Tooltip
Color-swatch popover pairing a filled chip with the palette name and hex code.
Usage
The import and the props worth knowing about, in one place.
import { Tooltip8 } from "@/components/beste/piece/tooltip8";
<Tooltip8
name="Sunset"
hex="#F97066"
tone="sunset"
/>More Tooltip pieces
View all TooltipChurn rate
Percentage of customers who cancel during a period, divided by customers at the start of that period.Glossary · MetricsGlossary Tooltip
Definition popover with a book icon, term headline, explanation, and source footer.
Duplicate row⌘D
Shortcut Tooltip
Dark tooltip that pairs a short label with inline kbd keys for the matching shortcut.
Monthly recurring revenueSum of normalized subscriptions divided by months, excluding one-time charges.
Info Tooltip
Card-style help tooltip with an info icon, bolded title, and supporting copy beneath.
Copied!
Copied Confirmation
Green success tooltip with a check mark, used for copy-to-clipboard confirmation.
