About this piece
Shortcut Tooltip
Dark tooltip that pairs a short label with inline kbd keys for the matching shortcut.
Usage
The import and the props worth knowing about, in one place.
import { Tooltip2 } from "@/components/beste/piece/tooltip2";
<Tooltip2
label="Duplicate row"
keys={[
"⌘",
"D"
]}
/>More Tooltip pieces
View all TooltipPin to favorites
Tooltip
Dark tooltip bubble with a small triangular arrow. Direction points the tail up or down.
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.
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.
Sunset#F97066
Swatch Tooltip
Color-swatch popover pairing a filled chip with the palette name and hex code.
