Skip to content

A simple guideline ui or coach mark ui with javascript

License

Notifications You must be signed in to change notification settings

ugiispoyo/guideline-tip-id

Repository files navigation

npm stat npm version install size

Guideline Tip Id

Simple guideline tip, javascript coach mark

Example

Installation

npm i guideline-tip-id

or

yarn add guideline-tip-id

Args function init

No Value Type Default Description
2 dataGuideline Array<{}> [] For the data list that will be given instructions

Object of dataGuideline

No Value Type Default Description
1 dataID string "" id of element html
2 positionTip "left", "right", "top", "bottom" "" the position of the guidelines
3 content any "" content from guidelines

Demo

Vanilla


React


Vue - on version guideline >= 1.2.1


Note:

For Vue it only supports >= vue 3, and only supports guideline-tip-id with version >= 1.2.1