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

NameTypeDescription
idstringUnique to each element can be used to lookup an element getElementById( )
classNamestringTo add new or to override the applied styles
variantstringThe placement of the tooltip
typestringValid 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