Package Exports

pikaso-react-hook

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (pikaso-react-hook) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

pikaso-react-hook

React hook for Pikaso

npm coverage

Install

NPM

npm install pikaso-react-hook --save

Yarn

yard add pikaso-react-hook

Getting Started

import React, { useEffect } from 'react'
import usePikaso from 'pikaso-react-hook'

export function Component() {
  const [ref, editor] = usePikaso()
  
 useEffect(() => {
    if (!editor) {
      return
    }

    editor.shapes.circle.insert({
      x: 200,
      y: 200,
      radius: 50,
      fill: 'red'
    })
  }, [editor])

  return (
    <div
      ref={ref}
      style={{
        background: '#ccc',
        width: '400px',
        height: '400px'
      }}
    />
  )
}

Demo

https://codesandbox.io/s/pikaso-react-hook-vrx3d

Documentation

https://github.com/pikasojs/pikaso