https://github.com/lisk-builders/lisk-buttons
🖲️ Lisk Buttons allow you to open Lisk Nano wallet with pre-filled forms
https://github.com/lisk-builders/lisk-buttons
lisk lisk-buttons web-components widget
Last synced: 9 months ago
JSON representation
🖲️ Lisk Buttons allow you to open Lisk Nano wallet with pre-filled forms
- Host: GitHub
- URL: https://github.com/lisk-builders/lisk-buttons
- Owner: lisk-builders
- License: mit
- Created: 2017-10-18T18:56:36.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2019-04-24T16:51:04.000Z (about 7 years ago)
- Last Synced: 2025-09-20T08:58:15.154Z (9 months ago)
- Topics: lisk, lisk-buttons, web-components, widget
- Language: TypeScript
- Homepage: https://lisk-builders.github.io/lisk-buttons
- Size: 382 KB
- Stars: 9
- Watchers: 2
- Forks: 2
- Open Issues: 3
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://coveralls.io/github/lisk-builders/lisk-buttons?branch=master)
🖲️ Lisk Buttons is a web component built using [Stencil](https://stenciljs.com/) that provides you with re-usable buttons for sending Lisk payments and receiving votes.
## Using lisk buttons in your project
# Script tag
- Put a script tag `` in the head of your index.html
- Then you can use the element anywhere in your template, JSX, html etc.
# Node Modules
- Run `npm install @lisk-builders/lisk-buttons --save`
- Put a script tag similar to this `` in the head of your index.html
- Then you can use the element anywhere in your template, JSX, html etc.
# Send Button
### Params:
- amount: the amount of LSK the that should be sent
- recipient: the address the LSK should be sent to
- button-title: The text that appears on the button
```
```
# Vote Button
### Params:
- votes: the list of delegates that should be voted in
- unvotes: the list delegates that should be unvoted
- button-title: The text that appears on the button
```
```
# Sign Button
### Params:
- type: `'nano'` or `'hub'` (optional, default is `'hub'`)
- source-id: id of an input field used as message source (mutual-exclusive with `'message`')
- message: the message to sign (priority is given to `'source-id`')
- button-title: The text that appears on the button
#### Example with Message
```
```
#### Example with Source ID
```
```
# Examples
[Here!](https://lisk-builders.github.io/lisk-buttons/)