Examples

요소 없이 사용하기

stepGuide({
  el: document.body,
  options: {
    buttonLabel: {
      prev: '이전',
      next: '다음',
      done: '종료',
    },
    steps: [
      {
        title: '첫 번째 단계',
        description: '현재 1/4 단계입니다.',
        element: '#step1-no-target',
        position: 'bottom',
      },
      {
        title: '두 번째 단계',
        description: '현재 2/4 단계입니다.',
        position: 'bottom',
      },
      {
        title: '세 번째 단계',
        description: '현재 3/4 단계입니다.',
        element: '#step3-no-target',
        position: 'bottom',
      },
      {
        title: '마지막 단계',
        description: '현재 4/4 단계입니다.',
        element: '#step4-no-target',
        position: 'bottom',
      },
    ],
  },
});

요소 없이 사용하기

`options.steps` 배열의 요소의 `element` 속성을 제거하면 요소 없이 사용할 수 있습니다.

첫 번째 단계

두 번째 단계

세 번째 단계

마지막 단계