vue-kofi
A Ko-fi.com widget component for Vue.js
1,547
3
| Install | |
|---|---|
npm install vue-kofi |
|
| Latest Version: | 1.1.1 |
| Vue: | 2 |
| License: | GPL-2.0 |
| Last Updated: | Dec 9, 2022 |
| Links: | GitHub · npm |
Maintainer: jozsefsallai
vue-kofi
Display Ko-fi widgets in your Vue components with ease.
Installation
npm:
npm install vue-kofi --save
Yarn:
yarn add vue-kofi
Browser import:
<script src="https://cdn.jsdelivr.net/npm/vue-kofi@1.1/dist/vue-kofi.js"></script>
Usage
Import the component in your Vue mount script
import Vue from 'vue';
import VueKofi from 'vue-kofi';
Vue.use(VueKofi);
// ...
Or, if you don't want to use it globally:
import VueKofi from 'vue-kofi';
// ...
export default {
// ...
components: {
VueKofi
}
// ...
};
Insert this into your template to display the button:
<vue-kofi uid="YOUR_ID" />
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| uid | String | yes | - | Your Ko-fi ID which you can get from your Ko-fi widget page. (e.g.: A6251W51) |
| color | String | no | "#46b798" | The background color of your Ko-fi button. |
| text | String | no | "Support Me on Ko-fi" | The text that appears on the button. |
This is an open-source project and is not affiliated with or endorsed by Ko-fi.com
Related Packages
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 1.1.1 | ^2.6.10 | GPL-2.0 | |
| 1.1.0 | ^2.6.10 | GPL-2.0 | |
| 1.0.3 | ^2.5.16 | GPL-2.0 | |
| 1.0.2 | ^2.5.16 | GPL-2.0 | |
| 1.0.1 | ^2.5.16 | GPL-2.0 |