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>
  );
}

Contributing

Contributions to Cybro Widgets are welcome! Please read our contributing guidelines for details on how to contribute to this project.

License

This project and all its contents are All Rights Reserved. Unauthorized copying of files, via any medium, is strictly prohibited. Proprietary and confidential.