CoreTooltip

import { CoreTooltip } from '@featuring-corp/components';
import { IconHelpOutline } from '@featuring-corp/icons';

<CoreTooltip 
  title="타이틀" 
  text="툴팁 텍스트 입니다." 
  eventType="hover"
  autoAdjust
  onClose
>
  <IconHelpOutline />
</CoreTooltip>

import { CoreTooltip } from '@featuring-corp/components';
import { typoVariant } from '@styles/typography.css';

<CoreTooltip 
  title="타이틀" 
  text="툴팁 텍스트 입니다." 
  eventType="hover"
  autoAdjust
  onClose
>
  <p className={typoVariant.body[1]}>툴팁</p>
</CoreTooltip>

import { CoreTooltip } from '@featuring-corp/components';
import { CoreTag } from '@featuring-corp/components';

<CoreTooltip 
  title="타이틀" 
  text="툴팁 텍스트 입니다." 
  eventType="hover"
  autoAdjust
  onClose
>
  <CoreTag tagType="primary" text="Tag" size="md" />
</CoreTooltip>

import { CoreTooltip } from '@featuring-corp/components';
import { IconHelpOutline } from '@featuring-corp/icons';

// Bottom
<CoreTooltip placement="bottom-start" text="bottom-start" eventType="hover" autoAdjust={false} onClose>
  <IconHelpOutline />
</CoreTooltip>

<CoreTooltip placement="bottom-center" text="bottom-center" eventType="hover" autoAdjust={false} onClose>
  <IconHelpOutline />
</CoreTooltip>

<CoreTooltip placement="bottom-end" text="bottom-end" eventType="hover" autoAdjust={false} onClose>
  <IconHelpOutline />
</CoreTooltip>

// Right
<CoreTooltip placement="right-start" text="right-start" eventType="hover" autoAdjust={false} onClose>
  <IconHelpOutline />
</CoreTooltip>

<CoreTooltip placement="right-center" text="right-center" eventType="hover" autoAdjust={false} onClose>
  <IconHelpOutline />
</CoreTooltip>

<CoreTooltip placement="right-end" text="right-end" eventType="hover" autoAdjust={false} onClose>
  <IconHelpOutline />
</CoreTooltip>

// Left
<CoreTooltip placement="left-start" text="left-start" eventType="hover" autoAdjust={false} onClose>
  <IconHelpOutline />
</CoreTooltip>

<CoreTooltip placement="left-center" text="left-center" eventType="hover" autoAdjust={false} onClose>
  <IconHelpOutline />
</CoreTooltip>

<CoreTooltip placement="left-end" text="left-end" eventType="hover" autoAdjust={false} onClose>
  <IconHelpOutline />
</CoreTooltip>

// Top
<CoreTooltip placement="top-start" text="top-start" eventType="hover" autoAdjust={false} onClose>
  <IconHelpOutline />
</CoreTooltip>

<CoreTooltip placement="top-center" text="top-center" eventType="hover" autoAdjust={false} onClose>
  <IconHelpOutline />
</CoreTooltip>

<CoreTooltip placement="top-end" text="top-end" eventType="hover" autoAdjust={false} onClose>
  <IconHelpOutline />
</CoreTooltip>

import { CoreTooltip } from '@featuring-corp/components';
import { IconHelpOutline } from '@featuring-corp/icons';

// Hover (기본값)
<CoreTooltip title="타이틀" text="툴팁 텍스트" eventType="hover">
  <IconHelpOutline />
</CoreTooltip>

// Click
<CoreTooltip title="타이틀" text="툴팁 텍스트" eventType="click">
  <IconHelpOutline />
</CoreTooltip>

import { CoreTooltip } from '@featuring-corp/components';
import { IconHelpOutline } from '@featuring-corp/icons';

// 자동 조정 활성화 (기본값)
<CoreTooltip title="타이틀" text="툴팁 텍스트" autoAdjust>
  <IconHelpOutline />
</CoreTooltip>

// 자동 조정 비활성화
<CoreTooltip title="타이틀" text="툴팁 텍스트" autoAdjust={false}>
  <IconHelpOutline />
</CoreTooltip>

import { CoreTooltip } from '@featuring-corp/components';
import { IconHelpOutline } from '@featuring-corp/icons';

<CoreTooltip title="타이틀" text="툴팁 텍스트" onClose>
  <IconHelpOutline />
</CoreTooltip>