Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 9 additions & 9 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -93,8 +93,8 @@ A lightweight React component library for displaying **Support us page** in a cl
# 🔗 Repository Links

- [Main Repository](https://github.com/AOSSIE-Org/SupportUsButton)
- [NPM Package](https://www.npmjs.com/package/@aossie/support-us-button)
- [CDN](https://cdn.jsdelivr.net/npm/@aossie/support-us-button@latest/dist/index.umd.js)
- [NPM Package](https://www.npmjs.com/package/support-us-button)
- [CDN](https://cdn.jsdelivr.net/npm/support-us-button@latest/dist/index.umd.js)

---

Expand All @@ -108,15 +108,15 @@ Install the package using npm:

```bash
# Install the package
npm install @aossie/support-us-button
npm install support-us-button
```

## Using CDN

You can also use the component directly in the browser via a CDN:

```html
<script src="https://cdn.jsdelivr.net/npm/@aossie/support-us-button@latest/dist/index.umd.js"></script>
<script src="https://cdn.jsdelivr.net/npm/support-us-button@latest/dist/index.umd.js"></script>
```

Once included, the component will be available to use in your project.
Expand All @@ -129,13 +129,13 @@ Once included, the component will be available to use in your project.

```tsx
// Import the component in your project:
import SupportUsButton from "@aossie/support-us-button";
import SupportUsButton from "support-us-button";

// Import the styles in your project:
import "@aossie/support-us-button/style.css";
import "support-us-button/style.css";

// Import the types in your project:
import type { supportUsButtonProps } from "@aossie/support-us-button";
import type { supportUsButtonProps } from "support-us-button";

// Use the component in your project:
<SupportUsButton {...props} />; // props is an object of type supportUsButtonProps
Expand All @@ -144,12 +144,12 @@ import type { supportUsButtonProps } from "@aossie/support-us-button";
## Using CDN

```html
<script src="https://cdn.jsdelivr.net/npm/@aossie/support-us-button@latest/dist/index.umd.js"></script>
<script src="https://cdn.jsdelivr.net/npm/support-us-button@latest/dist/index.umd.js"></script>

// Import the styles in your project:
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@aossie/support-us-button@latest/dist/style.css"
href="https://cdn.jsdelivr.net/npm/support-us-button@latest/dist/style.css"
/>

// Use the component in your project:
Expand Down
4 changes: 2 additions & 2 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"name": "@aossie/support-us-button",
"name": "support-us-button",
"version": "1.0.0",
"description": "A customizable and flexible Support Us button component for integrating sponsorship and donation options into web applications.",
"keywords": [
Expand Down
2 changes: 1 addition & 1 deletion rollup.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ export default [
{
file: "dist/index.umd.js",
format: "umd",
name: "@aossie/support-us-button",
name: "support-us-button",
Comment thread
rahul-vyas-dev marked this conversation as resolved.
globals: {
react: "React",
"react-dom": "ReactDOM",
Expand Down
Loading