phoenix-components-library
Version:
Component library for Phoenix Frontend Projects.
53 lines (32 loc) • 1.69 kB
Markdown
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)
> 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.
```js
npm i phoenix-components-library
```
```js
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
```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 <head> as
```html
<link rel="stylesheet" href="/**YOUR_STYLES_FOLDER**/bundle.css">
```