univerus-react18-wrapper v0.0.1

@Univerus/React18Wrapper

This library allows you to embed react components into your angular application, while still being able to pass props (including angular functions) to the react component.

This library was generated with Angular CLI version 11.2.14.

Installation

npm install @univerus/react18-wrapper

Usage

Step 1. Install the package.

Step 2. Import the module in the {component}.module.ts file you want to use it in.

...
import { React18Module } from '@univerus/react18-wrapper'
...
imports: [
  React18WrapperModule
],
...

Step 3. In your {component}.html file add ...

<react-component [component]="my-component" [props]="my-props"></react-component>

Where my-component is the react component you want to use and my-props is an object containing all the props you wish to pass to the react component.