kofi-react-widget v2.1.0

kofi-react-widget

React floating button component to accept donations to your Ko-fi account without leaving your app. Works on both Next.js and pure React apps, but check out how to use it below because, for now, it's a bit different for each of them. Check below for examples.

Usage

In a Nextjs app

Import KofiFloatingButton from kofi-react-widget

import { KofiFloatingButton } from "kofi-react-widget";

export default YourComponent() {
    ...
    return (
    ...
    <KofiFloatingButton username="rodribuilds" background="#fbbf24" textColor="#323842" text="Coffee?" />
    )
}

In a React app

Import KofiFloatingButtonReact from kofi-react-widget

import { KofiFloatingButtonReact } from "kofi-react-widget";

...

function App() {
    <KofiFloatingButtonReact username="rodribuilds" background="#fbbf24" textColor="#323842" text="Coffee?" />
    ...
}

Props

Examples

You can see a working example here.