UncontrolledTooltip

클릭 혹은 호버 시에 상황에 맞는 도움말이나 정보를 표시합니다.
TypescriptWAI-ARIA
Anatomy

툴팁을 구성하는 요소를 설명합니다.

AnatomyImage
Rules of Use
  • RulesofUseImage
    Location

    Tooltip은 상황에 따라 항목의 상단, 하단, 좌측,우측에 제공 될 수 있습니다. 마우스 커서가 타겟 밖으로 이동하면 툴팁이 사라집니다.

  • RulesofUseImage
    Alignment

    클릭 혹은 호버 시 기준 패딩 8px을 두고 노출 됩니다. 대상과 툴팁은 수직으로 서로 중앙에 위치해야 합니다

Import
import { UncontrolledTooltip } from '@goorm-dev/vapor-components';
Examples
Props
namedescriptiondefault
target

children

popperClassName

hideArrow

false