kakapay-js-lit v0.0.4

kakapay-js-lit

kakapay 组件库

NPM

To install from npm:

npm i kakapay-js-lit

Components

• CopyToClipboard
• Countdown
• Toast

CopyToClipboard

Used to copy text to the clipboard

• Usage:

<!-- import -->
<script type="module">
  import { CopyToClipboard } from "kakapay-js-lit";
  CopyToClipboard.on("success", function (target) {});
  CopyToClipboard.on("error", function (target) {});
</script>
<!-- Web Component -->
<kaka-copy-to-clipboard text="copy text"> Copy </kaka-copy-to-clipboard>

• Attributes

• Events

Countdown

• Usage

<!-- import -->
<script type="module">
  import * from "kakapay-js-lit";
</script>
<!-- Component -->
<kaka-countdown date="60" infinite></kaka-countdown>

• Attributes

Toast

• Usage

<script type="module">
  import * "kakapay-js-lit";
</script>
<kaka-toast text="toast" duration="3000"></kaka-countdown>
<!-- or -->
<script type="module">
  import { Toast } from "kakapay-js-lit";
  Toast.show("toast");
</script>

• Attributes

• Static API

  • show

    show toast;

    Toast.show(text);
    // or
    Toast.show({ text, duration });

  • hide

    hide toast;

    Toast.hide();