Tooltip component

How to use

import { Tooltip } from '@getfly-ui/tooltip';

OR

import { Tooltip } from 'getfly-ui';

Props

Tooltip

| Prop | Type | Default | Description | | ---- | ---- | ------- | ----------- | | children | ReactNode | | Content | | title | string | | Title tooltip | | placement | enum | 'top' | Placement | | useMergeClass | boolean or undefined | true | Merge className | | usePortal | boolean or undefined | true | Portal append to container 👇 | | container | HTMLElement or undefined | document.Body | HTMLElement (default Body) | | colorTheme | enum | 'grayscale-900' | Background color theme tooltip | | color | string or undefined | | Background color tooltip | | textColorTheme | enum | 'white' | Text color theme tooltip | | textColor | string or undefined | | Text color | | textPreset | enum | 'body_s_semibold' | Text preset | | maxWidth | number or undefined | 150 | maxWidth content | | classNameTooltip | string or undefined | | ClassName Tooltip css | | classNameArrow | string or undefined | | ClassName Arrow css | | classNameContainer | string or undefined | | ClassName Container css |