@cybro-team/cybro-presale-form NPM

Cybro Widgets

Cybro Widgets is a collection of React components designed to be integrated into various web applications. This project uses Vite for efficient development and build processes.

Getting Started

Installation

To get started with Cybro Widgets, clone the repository and install dependencies:

pnpm i cybro-presale-form

Widget Usage Example

React:

import { ConnectButton, PresaleForm useCybroConfig } from 'cybro-presale-form';
function App() {
  const {
    updateConfig,
    onRouteEvent,
    removeRouteEvent,
    appConfig,
    disconnect
  } = useCybroConfig()

  return (
    <div className="App">
      <ConnectButton />
      <PresaleForm />
    </div>
  );
}

export default App;

Next.js:

'use client';
import dynamic from 'next/dynamic';

const ConnectButton = dynamic(
  () => import('cybro-presale-form').then((mod) => mod.ConnectButton),
  {
    ssr: false,
    loading: <p>...Loading</p>,
  }
);

function App() {
  return (
    <div>
      <ConnectButton />
    </div>
  );
}