step-tooltip

Step Tooltip

step by step tooltip guilder for any website.lightweight, & minify.

️ Features

• Lightweight, minify.
• Generate arrows from pseudo-classes(before/after).

demo: https://step-tooltip-example.logiczc.vercel.app/

Getting Started

install

# npm 
npm install --save step-tooltip

# yarn
yarn add step-tooltip

usage

import stepTooltip from 'step-tooltip'

stepTooltip()

config

{
  initialText: '哈喽，准备好了解 step-tooltip 了么？',
  steps: [],
  backdropColor: 'rgb(0 0 0 / 0.56)',
  options: {
    backLabel: '上一步',
    nextLabel: '下一步',
    skipLabel: '我知道了',
    doneLabel: '完成',
  }
}

LICENSE

MIT

Thanks

• cssarrowplease, css arrow.