1.1.1 • Published 5 years ago
vue-kofi v1.1.1
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