quick-acyclic v0.0.7

🔀 Quick Acyclic React Pipes - NOT RECOMMENDED FOR PRODUCTION

A component library for displaying pipelines in React.

This component library is currently under construction and is not recommended for production at this stage.

📚 Hosted documentation

Check out the hosted documentation.

🚀 Features

A wide variety of intents and icons

Sub pipelines

💡 Getting started

Installation

npm i quick-acyclic

Quick code example

<ReactPipes
  label="Pipeline"
  schema={[
    {
      active: false,
      attempts: 1,
      icon: 'Icon2fa',
      intent: 'rp-intent-success',
      size: 'rp-size-m'
    },
    {
      active: false,
      intent: 'rp-intent-success',
      size: 'rp-size-s'
    },
    {
      active: false,
      attempts: 1,
      icon: 'IconAward',
      intent: 'rp-intent-success',
      size: 'rp-size-m'
    },
    {
      active: false,
      intent: 'rp-intent-success',
      size: 'rp-size-s'
    },
    {
      active: true,
      icon: 'IconClock',
      intent: 'rp-intent-in-progress',
      size: 'rp-size-m'
    },
    {
      active: true,
      intent: 'rp-intent-in-progress',
      progressPercent: 30,
      size: 'rp-size-s'
    },
    {
      active: false,
      icon: 'Icon3dRotate',
      intent: 'rp-intent-none',
      size: 'rp-size-m'
    }
  ]}
/>

⚙ Components

Pipe

PipelineNode

Pipeline