Copied Confirmation

Green success tooltip with a check mark, used for copy-to-clipboard confirmation.

Copied!

Import & use

import { Tooltip9 } from "@/components/beste/piece/tooltip9";

<Tooltip9
  label="Copied!"
/>

More Tooltip pieces

Sunset#F97066

Color-swatch popover pairing a filled chip with the palette name and hex code.

Duplicate row⌘D

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

Pin to favorites

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

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

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

Try the new AI rewrite

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

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

Step 2 of 4

Pin your favorite workspacesDrag any workspace into the sidebar rail to keep it one click away.

Coach-mark popover with step counter, dismiss ×, progress dots, and a next button.