1.5.8 • Published 1 year ago

palestine-support-kit v1.5.8

Weekly downloads
-
License
ISC
Repository
-
Last release
1 year ago

Palestine Support Kit

Palestine Support Kit delivers components designed to show solidarity with Palestine on your website. The banner provides a message of support and includes a donation link, encouraging visitors to contribute to the cause.

Table of Contents

Installation

To install the Palestine Support Kit package, run:

npm install palestine-support-kit@latest

Banner Component

ReactJS/NextJS:

import React from "react";
import { Banner } from 'palestine-support-kit';
import "palestine-support-kit/dist/index.css";

const App = () => {
  return (
    <div>
      <Banner />
      {/* Your other application content */}
    </div>
  );
};

export default App;

Banner Variants

You can customize the appearance of the Banner component by using the variant prop. There are three variants available:

  • dark: Dark background (default).
  • light: Light background.
  • gradient: Gradient background.

Example Usage:

import React from "react";
import { Banner } from 'palestine-support-kit';
import "palestine-support-kit/dist/index.css";

const App = () => {
  return (
    <div>
      {/* Default variant */}
      <Banner />    {/* it dark by default i.e variant="dark" */}

      {/* Light variant */}
      <Banner variant="light" />

      {/* Gradient variant */}
      <Banner variant="gradient" />

      {/* Your other application content */}
    </div>
  );
};

export default App;

Banner Preview:

Preview Image

Toast Component

import React from "react";
import { PalestineToast } from "palestine-support-kit";
import "palestine-support-kit/dist/index.css";

const page = ({ children }) => {
  return (
    <div>
      <PalestineToast />  
      <main>{children}</main>
      {/* Additional layout components */}
    </div>
  );
};

export default page;

Toast Preview:

Preview Image

Credits

This package is maintained by Oba1d Khan.

Thank you for using Palestine Support Kit. Your support and contributions help us continue to advocate for important causes. If you have any questions or feedback, please don't hesitate to reach out.


1.5.8

1 year ago

1.5.7

1 year ago

1.5.4

1 year ago

1.5.3

1 year ago

1.5.2

1 year ago

1.5.1

1 year ago

1.4.4

1 year ago

1.4.3

1 year ago

1.4.2

1 year ago

1.4.1

1 year ago

1.4.0

1 year ago

1.3.23

1 year ago

1.3.22

1 year ago

1.3.21

1 year ago

1.3.20

1 year ago

1.3.19

1 year ago

1.3.18

1 year ago

1.3.17

1 year ago

1.3.16

1 year ago

1.3.15

1 year ago

1.3.14

1 year ago

1.3.13

1 year ago

1.3.12

1 year ago

1.3.11

1 year ago

1.3.10

1 year ago

1.3.9

1 year ago

1.3.8

1 year ago

1.3.7

1 year ago

1.3.6

1 year ago

1.3.5

1 year ago

1.3.4

1 year ago

1.1.4

1 year ago

1.3.3

1 year ago

1.3.2

1 year ago

1.3.1

1 year ago

1.2.6

1 year ago

1.2.5

1 year ago

1.2.4

1 year ago

1.1.3

1 year ago

1.1.2

1 year ago

1.1.1

1 year ago

1.1.0

1 year ago

1.0.3

1 year ago

1.0.2

1 year ago

1.0.0

1 year ago