Skip to main content

Wrapper in React for Trianglify library

This package works with Bun, Cloudflare Workers, Node.js, Deno, Browsers
JSR Score
41%
Published
2 weeks ago (4.0.4)

React Trianglify

React Wrapper Component for trianglify

:us: English | :brazil: Português do Brasil

Installation

Using Bun:

bun add react-trianglify trianglify
# If you're using TypeScript, add these types as `devDependencies`:
bun add --dev @types/trianglify

Using NPM:

npm install --save react-trianglify trianglify
# If you're using TypeScript, add these types as `devDependencies`:
npm install --save-dev @types/trianglify

Using Yarn:

yarn add react-trianglify trianglify
# If you're using TypeScript, add these types as `devDependencies`:
yarn add --dev @types/trianglify

Dependencies

You must have react and trianglify already installed on your project.

PS.: If you have any problems with latest trianglify version, try to install the tested version v4.1.1.

Usage

import Trianglify from 'react-trianglify'

ReactDOM.render(<Trianglify />, $mountNode)

Props

By taking output, you can use any trianglify allowed options.

Possible output values:

  • canvas (default)
  • svg

Live demo

You can access react-trianglify live demo here

License

GPL-3.0 © Fernando Daciuk

Add Package

deno add @fdaciuk/react-trianglify

Import symbol

import * as mod from "@fdaciuk/react-trianglify";

Add Package

npx jsr add @fdaciuk/react-trianglify

Import symbol

import * as mod from "@fdaciuk/react-trianglify";

Add Package

yarn dlx jsr add @fdaciuk/react-trianglify

Import symbol

import * as mod from "@fdaciuk/react-trianglify";

Add Package

pnpm dlx jsr add @fdaciuk/react-trianglify

Import symbol

import * as mod from "@fdaciuk/react-trianglify";

Add Package

bunx jsr add @fdaciuk/react-trianglify

Import symbol

import * as mod from "@fdaciuk/react-trianglify";