skytree-koji-react

Installation

npm install --save skytree-koji-react

API Reference

LoadingIndicator

Presents a loading indicator after a brief delay.

Usage

import { LoadingIndicator } from "skytree-koji-react";

In one of your React components, render the loading indicator whenever you want to indicate to the user that the page is loading:

<LoadingIndicator />

RemixTarget

Presents an interactive target area on the screen when Koji's instant remix feature is active. Tapping the target will open the VCC settings at the specified path.

Usage

import { Point2 } from "skytree";
import { VccPath } from "skytree-koji";
import { RemixTarget } from "skytree-koji-react";

<RemixTarget
  vccPath={VccPath.givenString("your.vcc.path.here")}
  points={[
    Point2.givenXY(0, 0), // left top
    Point2.givenXY(200, 0), // right top
    Point2.givenXY(200, 100), // right bottom
    Point2.givenXY(0, 100)  // left bottom
  ]}
/>