@referralbase/elements v0.0.2

ReferralBase Elements

ReferralBase Elements is a UI library that provides a set of customizable and easy-to-use components for integrating referral functionality into your web applications.

Installation

npm install @referralbase/elements

Usage

Waitlist Widget in React

import { WaitlistWidget } from "@referralbase/elements";

export const Waitlist = () => {
  return (
    <WaitlistWidget
      refid="mcWDoXivOGja6JAS2879223"
      apiKey="4mlfskQ0g2xv91RwJoR4232"
      title="Join the waitlist"
      description="We'll let you know when we launch."
      cta="Join waitlist"
      appearance={{
        titleStyle: "mt-2 text-base font-semibold leading-6 text-red-900",
      }}
    />
  );
};

Customize the WaitlistWidget to seamlessly integrate a waitlist feature into your React application.

Waitlist Widget in Html

Style sheet

<link
  rel="stylesheet"
  href="https://unpkg.com/@referralbase/elements@0.0.1/dist/elements.css"
/>

Script Tag

<script
  type="text/javascript"
  src="https://unpkg.com/@referralbase/elements@0.0.1/dist/index.js"
></script>

For more details and customization options, check out our full documentation.