Skip to content

Tooltip Component

Description

The Tooltip component provides a simple way to display contextual hints when hovering over an element.

Props

Prop Type Default Description
title string "" The text content displayed inside the tooltip.
children ReactNode - The element that triggers the tooltip on hover.

Example Usage

1
2
3
4
5
6
7
8
9
import { Tooltip, Button } from "@nomana-it/liberty-core"

export const TooltipExample = () => {
  return (
    <Tooltip title="Click to submit">
      <Button variant="contained">Submit</Button>
    </Tooltip>
  );
};

🔗 GitHub Repository (Core): Liberty Core
🔗 GitHub Repository (Test Project): Liberty Test
📖 Live Documentation: Liberty Core Docs
💖 Sponsor & Support: Sponsor Liberty Core