resync-widget v1.0.3

Resync Widget

ResyncWidget is a React component for integrating an AI-powered search widget into your application. It connects seamlessly with your custom API to provide intelligent search capabilities. Built with NextUI and Tailwind CSS for a modern and responsive UI.

Installation

Install the package and its dependencies:

npm install resync-widget @nextui-org/react framer-motion

Tailwind Setup

Add the following configuration to your tailwind.config.js file:

// tailwind.config.js
const { nextui } = require("@nextui-org/react");

module.exports = {
  content: [
    "./src/**/*.{js,ts,jsx,tsx}",
    "./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  darkMode: "class",
  plugins: [nextui()],
};

Usage

Use the ResyncWidget in your application as shown below:

import * as React from "react";
import { NextUIProvider } from "@nextui-org/react";
import ResyncWidget from "resync-widget";

const App = () => {
  return (
    <NextUIProvider>
      <ResyncWidget
        authorization="your-api-key"
        integrationId="your-integration-id"
        organizationDisplayName="Your Organization"
        title="Your Title"
        description="Your Description"
        primaryBrandColor="#123456"
      />
    </NextUIProvider>
  );
};

export default App;

Properties

All properties are optional.