@figspec/react


A React binding for @figspec/components.

Installation

``sh


npm

$ npm i @figspec/react

Yarn

$ yarn add @figspec/react

pnpm

$ pnpm add @figspec/react
`

Usage

See the docs at @figspec/components.

This bindings enables you to use the CustomElement's property via React's component props.
You don't need to use kebab-case attributes :camel::dash:

`jsx
import { FigspecViewer } from "@figspec/react";

const logSelectedNode = (ev) => {
console.log(ev.detail.selectedNode);
};

nodes={nodes}
renderedImage={renderedImage}
zoomMargin={200}
onNodeSelect={logSelectedNode}
/>;
``