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

Build Status NPM version

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

vue-ctx-injector

A tool for injecting standalone Vue.js components into HTML contexts.

10,523 0
vue-full-screen-file-drop

Vue component for full screen file drop

16,061 19
bxs-ui-vue

BSX Components

3,870
ey-template-vue3

vue3代码生成器

3,045
@ibiz-template/vue3

vue3代码生成器

2,984

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