Examples

위치 변경

StepGuide는 툴팁의 위치를 right, bottom로 지정할 수 있습니다. 다음은 각 위치에 대한 예제입니다.

stepGuide({
  el: document.body,
  options: {
    buttonLabel: {
      prev: '이전',
      next: '다음',
      done: '종료',
    },
    steps: [
      {
        title: '오른쪽 위치',
        description: '툴팁이 요소의 오른쪽에 표시됩니다.',
        element: '#position-right',
        position: 'right',
      },
      {
        title: '아래쪽 위치',
        description: '툴팁이 요소의 아래쪽에 표시됩니다.',
        element: '#position-bottom',
        position: 'bottom',
      },
    ],
  },
});

위치 변경

`options.steps` 배열의 요소의 각 스텝의 `position` 속성을 추가하여 툴팁의 위치를 변경할 수 있습니다.

오른쪽 위치

아래쪽 위치