Tooltip

Last Update : 14 August, 2023 | Published : 01 July, 2023 | 1 Min Read

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:

  1. top
  2. bottom
  3. left or
  4. right

Looking for Cloud-Native Implementation?

Finding the right talent is pain. More so, keeping up with concepts, culture, technology and tools. We all have been there. Our AI-based automated solutions helps eliminate these issues, making your teams lives easy.

Contact Us