Phoenix Components Library

Phoenix Component Libraby is Esome React UI library that contains a set of high quality components for building rich, interactive user interfaces. It is a mix of our custom components and wrapped ANTD components customized for our needs. You can find more about Ant Design on this link ANTDesign

Environment Support

Modern browsers and Internet Explorer 9+ (with polyfills)

Version

Installation

Run npm i phoenix-components-library to add library to project

Using npm or yarn

We recommend using npm or yarn to install，it not only makes development easier，but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.

npm i phoenix-components-library

yarn add phoenix-components-library

Import in Browser

We provide bundle.js and bundle.css under phoenix-components-library/lib in phoenix-components-library npm package

We strongly discourage loading the entire files this will add bloat to your application and make it more difficult to receive bugfixes and updates. This library is intended to be used in conjunction with a build tool, such as webpack, which will make it easy to import only the parts of antd that you are using.

Usage

Import component to your React page

import { Select, Datepicker } from "phoenix-components-library";

Make sure that you import css file somewhere in your application

import "phoenix-components-library/lib/bundle.css";

or just add it to your style and add it to

as

<link rel="stylesheet" href="/**YOUR_STYLES_FOLDER**/bundle.css">