Tooltip - used for information on icons, buttons and so on. Tooltips are important in webdesign, they give us information just by hovering over a component.
Import
import Tooltip from '@intelops/intelops_ui/packages/react/components/Tooltip/src';
Create a Tooltip
<Tooltip
variant="top"
placeholder="enter text">
Tooltip data
</Tooltip>
Props
Name | Type | Description |
---|---|---|
id | string | Unique to each element can be used to lookup an element getElementById( ) |
className | string | To add new or to override the applied styles |
variant | string | The placement of the tooltip |
type | string | Valid HTML5 input value |
Variant
The placement of the tooltip, if you want to place the tooltip at the:
- top
- bottom
- left or
- right