@qlue-ui/react-component
<p align="center"> <img src="https://cdn-images-1.medium.com/max/250/0*U68q6t0QLURZDgS9.png" alt="Qlue Logo" /> </p>
Last updated a month ago by dhegana .
MIT · Repository · Original npm · Tarball · package.json
$ cnpm install @qlue-ui/react-component 
SYNC missed versions from official npm registry.

Qlue Logo

Qlue UI Storybook

@qlue-ui/react-component is a collection of React components that conform to Qlue Style created by Qlue UI/UX team.

Installation

Install with npm or yarn

npm i -S @qlue-ui/react-component
# OR
yarn add @qlue-ui/react-component

Requirements

@qlue-ui/react-component uses Tachyons for the design system and it is required to import the css in your project. Please refer to the Tachyons CSS Documentation for available CSS Classname

// Required CSS import including the Tachyons CSS
import "@qlue-ui/react-component/dist/styles.css";

// Map Component CSS (Import if you use Map!)
import "@qlue-ui/react-component/dist/Map/styles.css";

// Table Component css (Import if you use Table!)
import "@qlue-ui/react-component/dist/Table/styles.css";

Usage

import React from "react";
import Select from "@qlue-ui/react-component/dist/Select";
import "@qlue-ui/react-component/dist/styles.css";

const App = props => (
  <Select {...props} options={selectOptions} value={getValue} />
);

Testing

Test with npm or yarn using Jest and Enzyme

npm run test
# OR
yarn test

Contributing

Qlue React Front End team is required to be active in developing the UI Component as it will be used across product. Always make a PR dont push directly to Github! Be active in develop each component functionality, UI, & testing as it will recorded in the history


How to Run Storybook locally:

  1. Install the packages ---> yarn / npm i
  2. create dist folder ---> yarn watch / npm run watch
  3. run storybook ---> yarn storybook/ npm run storybook

TODO:

  1. Remove react pose library and use our own css transitions
  2. Test!

Contributor are very welcome to help build awesome UI :)

Why we use Storybook:

Storybook

Current Tags

  • 0.0.12                                ...           latest (a month ago)

9 Versions

  • 0.0.12                                ...           a month ago
  • 0.0.11                                ...           a month ago
  • 0.0.10                                ...           2 months ago
  • 0.0.9                                ...           2 months ago
  • 0.0.5                                ...           3 months ago
  • 0.0.4                                ...           3 months ago
  • 0.0.3                                ...           3 months ago
  • 0.0.2                                ...           3 months ago
  • 0.0.1                                ...           3 months ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 9
Last Day 0
Last Week 9
Last Month 37
Dependencies (21)
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |