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
Modern browsers and Internet Explorer 9+ (with polyfills)
Run npm i phoenix-components-library
to add library to project
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
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.
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">