Core

Chart Tooltip

A chart tooltip is a reusable wrapper around the Recharts tooltip and is styled to match LibravelUI surfaces, borders, and typography.

Example

Usage

Features

  • Uses LibravelUI popover and border tokens.
  • Formats labels and values consistently.
  • Supports custom label and indicator classes.
  • Works across every chart component in the package.
  • Keeps the hover preview visually aligned with the rest of the system.

Anatomy

import { ChartTooltip } from "@/components/ui/core/charts/chart-tooltip";
<ChartTooltip />

Props

Loading types…

Accessible React component library to copy, customize, and own your UI. Built for Next.js, Vite, and Laravel.

Crafted by dervyon. Peep the Source Code on GitHub.

Hosted on Vercel. The source code's got the MIT license.

2025 - 2026 · LibravelUI

Starter Kits

Templates

    Coming Soon

Labs