Storybook stories for the `Tooltip` UI component, demonstrating usage patterns, placement options, and interactive states. ## Key Components | Story | Description | |---|---| | `Default` | Basic tooltip on a settings icon button | | `InfoHelper` | Info icon with explanatory tooltip for forms/dashboards | | `Placement` | All four tooltip positions: `top`, `bottom`, `left`, `right` | | `IconToolbar` | Action bar with tooltips on Copy, Download, Share, and Delete icons | | `DisabledButton` | Tooltip on a disabled button via wrapper `` to preserve hover events | | `TruncatedText` | Reveals full text on hover when content is visually clipped | | `RichContent` | Multi-line tooltip with icon, heading, and keyboard shortcut badge | | `CopyButton` | Interactive copy button that toggles tooltip text and icon on click | ## Usage Example ```typescript // Basic tooltip Hover me Tooltip text // Tooltip on a disabled button — wrap in span to capture hover Deploy You need admin permissions to deploy. ``` > `TooltipProvider` must wrap all `Tooltip` instances. Use `delayDuration` to control hover delay in milliseconds.