jsx
import Tooltip from 'intergalactic/tooltip';
<Tooltip />;
import Tooltip from 'intergalactic/tooltip';
<Tooltip />;
TooltipProps
& & {...}Name | Type | Description |
---|---|---|
title | React.ReactNode | Tooltip text |
theme | "default" | "warning" | "invert" | Tooltip theme. You can use the default themes or create your own |
interaction | "hover" | "click" | "focus" | "none" | | Tooltip should have only one interaction - `hover`. You shouldn't use it with another interactions. We'll delete this prop in next major release. |
jsx
import { Hint } from 'intergalactic/tooltip';
<Hint />;
import { Hint } from 'intergalactic/tooltip';
<Hint />;
HintProps
& & {...}Name | Type | Description |
---|---|---|
disabled | boolean | The value responsible for the activity of the element |
active | boolean | Enable `active` state |
addonLeft | React.ElementType | Left addon hint |
addonRight | React.ElementType | Right addon hint |
jsx
import { DescriptionTooltip } from 'intergalactic/tooltip';
<DescriptionTooltip />;
import { DescriptionTooltip } from 'intergalactic/tooltip';
<DescriptionTooltip />;
DescriptionTooltipProps
& & {...}Name | Type | Description |
---|---|---|
theme | "default" | "warning" | "invert" | Tooltip theme. You can use the default themes or create your own |
interaction | "hover" | "click" | Tooltip should have only one interaction - `hover`. You shouldn't use it with another interactions. We'll delete this prop in next major release. |