Glue UI

Glue UI is Cornell WebDev's centralized UI component library. It implements Cornell WebDev's Glue Design System and serves as a single source of truth for React components in our web applications.

Glue UI was built using:

• Rollup
• TypeScript
• Storybook

Development

Building

npm run build

Storybook

To run a live-reload Storybook server on your local machine:

npm run install
npm run storybook

To export your Storybook as static files:

npm run storybook:export

Generating New Components

npm run generate InsertComponentName

Publishing

Hosting via NPM

npm login
npm publish

The "prepublishOnly": "npm run build" script in package.json will execute before publish occurs, ensuring that the changes have compiled into the build directory before being published.

Usage

npm install cornell-glue-ui

import React from "react";
import { ExampleComponent } from "cornell-glue-ui";

const App = () => (
  <div>
    <h1>Hello I'm consuming the component library</h1>
    <ExampleComponent />
  </div>
);

export default App;