OWL UI Components

OWL UI is a React Component Design System, it works in Cepave's monitoring system.

Install

$ npm i --save github:cepave/owl-ui#v2

Usage

Includes the style

<link rel="stylesheet" href="dist/owl-ui.css" />

Imports owl-ui.v2

import {Tab, Select, Tip} from 'owl-ui.v2'

Development

Guide

Before you start, please read the documents.

Dev Server

Starts the dev server: localhost:3000/owl-ui

$ npm run dev

Test

Each component will have __test__ directory by itself.

Run

$ npm run test

Build

It will output build folder and matchs to v2 branch.

$ npm run build

Demo

It will output demo folder and matchs to gh-pages branch.

$ npm run build.demo

Icons svg

Downloads from 157.122.99.72/icons.v2 first, then run it:

$ npm run build.svg

Contributor

Rocky Wu (Project Lead)	Timmy Chang	Jerry @JJ