Skip to content

Tooltip

jsx
import Tooltip from 'intergalactic/tooltip';
<Tooltip />;
import Tooltip from 'intergalactic/tooltip';
<Tooltip />;

TooltipProps

& & {...}
NameTypeDescription
titleReact.ReactNodeTooltip 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

& & {...}
NameTypeDescription
disabledbooleanThe value responsible for the activity of the element
activebooleanEnable `active` state
addonLeftReact.ElementTypeLeft addon hint
addonRightReact.ElementTypeRight addon hint
jsx
import { DescriptionTooltip } from 'intergalactic/tooltip';
<DescriptionTooltip />;
import { DescriptionTooltip } from 'intergalactic/tooltip';
<DescriptionTooltip />;

DescriptionTooltipProps

& & {...}
NameTypeDescription
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.

Released under the MIT License.

Released under the MIT License.