@fastn-widget/react-dev NPM

@fastn-ai/widget-react

A React component library for easily integrating and embedding Fastn widgets into your application.

Installation

npm install @fastn-ai/widget-react

Usage

import React from 'react';
import FastnWidget from '@fastn-ai/widget-react';

const Component = () => {
  const authToken = useAuth(); // Your authentication logic

  return (
    <FastnWidget
      projectId="example-project-id"
      authToken={authToken}
      tenantId="example-tenant-id"
      apiKey="example-api-key"
      theme="light"
      env="LIVE"
      style={{
        minHeight: '800px', // Set the minimum height of the widget
      }}
    />
  );
};

Props

Prop Name	Type	Description
projectId	string	The ID of the project whose widget you want to embed.
authToken	string	The authentication token used to authenticate your application users.
tenantId	string	The ID of the tenant (e.g., user, organization, etc.) (optional).
apiKey	string	The API key to use for executing flows (optional).
theme	string	The theme of the widget ("light" or "dark") (optional).
env	string	The environment of the widget ("LIVE" or other values) (optional).
style	object	The style object to apply to the widget (optional).