Tourtip

사용자가 상호작용해야 하는 버튼과 같은 대화형 요소를 노출할 때 사용됩니다.
TypescriptWAI-ARIA
Anatomy

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

AnatomyImage
Rules of Use
  • RulesofUseImage
    Location

    Tourtip은 상황에 따라 항목의 상단, 하단, 좌측,우측에 제공 될 수 있습니다.

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

Tourtip 내부에 커스텀 컴포넌트를 넣을 수 있습니다.

string
ReactNode
run

Tourtip 실행 여부를 설정합니다.

boolean
true
arrow

화살표를 표시하지 않습니다. 중앙 또는 모달 레이아웃에 유용합니다.

boolean
true
step

Tourtip의 단계를 설정합니다. (https://docs.react-joyride.com/step)

number
[]