@referralbase/elements
v0.0.2
Published
Referralbase UI Elements
Downloads
4
Readme
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/[email protected]/dist/elements.css"
/>
Script Tag
<script
type="text/javascript"
src="https://unpkg.com/@referralbase/[email protected]/dist/index.js"
></script>
For more details and customization options, check out our full documentation.