Data Point Tooltip

Chart hover tooltip with date, headline value, trend pill, and a secondary metric label.

Mar 14, 2026

12,480+8.2%

Active users

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Tooltip6 } from "@/components/beste/piece/tooltip6";

<Tooltip6
  date="Mar 14, 2026"
  label="Active users"
  value="12,480"
  change="+8.2%"
  trend="up"
/>