guideline-tip-id

ugiispoyo
esm
guideline-tip-id JS library on GitHub guideline-tip-id JS library on npm Download guideline-tip-id JS library

A simple guideline ui or coach mark ui with javascript

Version 1.3.2 License MIT
guideline-tip-id has no homepage
guideline-tip-id JS library on GitHub
guideline-tip-id JS library on npm
Download guideline-tip-id JS library
Keywords
tipguideline tipguideline tip idtip idguideline tip jsguideline jstip jscoach markcoach mark uicoach mark js
INSTALL
Type:
Version:
<script type="module"> import guidelineTipId from 'https://cdn.jsdelivr.net/npm/guideline-tip-id@1.3.2/+esm' </script>
Learn more
Readme Files Statistics Browse CDN

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