# 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](https://github.com/ant-design) ## 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. ```js npm i phoenix-components-library ``` ```js 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 ```js import { Select, Datepicker } from "phoenix-components-library"; ``` Make sure that you import **css** file somewhere in your application ```js import "phoenix-components-library/lib/bundle.css"; ``` or just add it to your style and add it to as ```html ```