Developers' Guide

• Notes about installing the NPM module
• Link to github



_
Getting Started with
NPM/YARN Installation

1) Developers can install the TorchUI Design System as a component library from either NPM or Yarn. Navigate to your project directory and type the following command in your terminal:

npm install  --save @stit/torch-ui
yarn add  --save @stit/torch-ui

2) Once you have the library installed, you can use the components in your web apps. Each component is made using the new Web Components standard, which means that they are platform-independent. Whether you are using React, Vue, or any other web framework, TorchUI will integrate flawlessly.

Example with React:

import  React  from 'react' 
import { CountBadge } from '@stit/torch-ui' 

export default function  ( ) { 
    return <div> 
         <p>This is a React component</p>
         <count-badge value={10}></count-badge>
    </div>
}




_
Getting Started with
Link to Github

If you are interested intaking a look at the code for TorchUI, you can navigate over to the Github page here: https://github.com/NYUeServ/TorchUI.


Visual Basics