grape-tips

1.0.7 • Public • Published

grape-tips

Created with CodeSandbox

DEMO

Provide a live demo of your plugin For a better user engagement create a simple live demo by using services like JSFiddle CodeSandbox CodePen and link it here in your README (attaching a screenshot/gif will also be a plus). To help you in this process here below you will find the necessary HTML/CSS/JS, so it just a matter of copy-pasting on some of those services. After that delete this part and update the link above

HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="./src/index.js"></script>
</head>
<body>
    <div id="gjs" style="height:100%; overflow:hidden">
</body>

</html>

JS

import "grape-tips/dist/css/grapes.min.css";
import grapeTips from "grape-tips";
window.onload = () => {
  grapeTips("gjs", {});
};

CSS

body,
html {
  margin: 0;
  height: 100%;
}

Summary

Options

Option Description Default
id 容器id(必传) default value
callback 接收导出json得方法 default value

Download

  • CDN
    • https://unpkg.com/grape-tips
  • NPM
    • npm i grape-tips

Usage

Directly in the browser

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="./src/index.js"></script>
</head>
<style>
    body,
    html {
        height: 100%;
        margin: 0;
    }
</style>

<body>
    <div id="gjs" style="height:100%; overflow:hidden">
</body>

</html>

Modern javascript

import "grape-tips/dist/css/grapes.min.css";
import grapeTips from "grape-tips";
window.onload = () => {
  grapeTips("gjs", {});
};

License

MIT

Readme

Keywords

none

Package Sidebar

Install

npm i grape-tips

Weekly Downloads

13

Version

1.0.7

License

none

Unpacked Size

10.2 MB

Total Files

38

Last publish

Collaborators

  • hubwa