Skip to content
Mizen UI
Docs

IntroductionInstallationCLIStylingFoundationsThemingCompositionIntegrationsAccessibilityFor agents

useCopyToClipboard

AccordionAspect RatioCardCollapsibleFrameGridGroupInlineScroll AreaSectionSeparatorSpacerStack

BlockquoteCitationCodeHeadingKbdLabelLinkTextVisually Hidden

ButtonButton GroupToggleToggle groupToolbar

CalendarCheckboxCheckbox groupComboboxDate pickerDate range pickerDate-Time InputFieldFieldsetFile UploadFormInputInput groupNumber fieldOTP FieldRadio groupSelectSliderSwitchTextareaTime Input

BreadcrumbMenubarNavigation MenuPaginationSegmented ControlStepperTabs

Alert dialogCommandContext MenuDialogDrawerMenuPopoverPreview CardSheetTooltip

AlertBadgeEmptyError StateMeterProgressSkeletonSpinnerStatus dotToast

Activity FeedAvatarAvatar GroupData TableListMetricOverflow ListProperty ListTableTokenTree

Area ChartBar ListCalendar HeatmapCategory ComparisonChart FrameChart LegendChart TooltipDistributionFunnelHeatmapMetric TrendPart-to-WholeProgress RingsRadar ChartRadial BarsSankey ChartScatter ChartScore GaugeTime Series

Diagram

AttachmentCarouselCode BlockLightboxMarkdownThumbnailTimestamp

Agent ThinkingApproval CardComposerConversationInline CitationMessageMessage ScrollerQuestion CardSourcesStreaming TextSuggestionTask ListTerminalTool Call

On this page

  • Preview
  • Usage
  • Examples
  • Team activity
  • Recommendations
  • Usage boundaries
  • API reference

Charts

Chart Tooltip

Semantic tooltip content composed inside the chart engine's interaction surface.

idle

Usage

import { ChartTooltip } from "@mizen-labs/ui";

Examples

Team activity

Recommendations

GuidancePractice
Do

Show the selected observation's label, units, and exact values. Keep series names consistent with the legend.

Usage boundaries

GuidanceBoundary
Scope

The chart engine owns positioning and interaction. Essential information also needs a persistent readable representation.

Scope

ChartTooltip renders content; ChartFrame owns chart pointer and keyboard behavior.

API reference

Public props from @mizen-labs/ui. Use exported prop types for the complete TypeScript contract.

PropTypeDefaultDescription
ChartTooltipChartTooltipPropsEngine-owned placement and roleRenders caller-authored chart tooltip body content.
labelReactNodeOptionalProvides the focused category or point label.
itemsreadonly ChartTooltipItem[]RequiredProvides stable ids, visible series labels and values, and matching tones.
PreviousChart LegendNextDistribution

April

Current year
$42,000
Previous year
$36,500

Team activity

January–April 2026

Active teams in April
58
16 more than January
  • Active teams
  • New teams
Active and newly created teams from January through April.JanFebMarApr1020304050