Pile 
A lightweight mobile components library build with React.
Docs
Components
Existing components of pile 2.0
| Component | Package | Author |
|---|---|---|
| Button | @pile-ui/button | miaocai |
| Icon | @pile-ui/icon | miaocai |
| Switch | @pile-ui/switch | xilixjd |
| Toast | @pile-ui/toast | susan |
| InputFiled | @pile-ui/inputFiled | hpfree |
| Alert | @pile-ui/alert | gaiazhang |
| Radio | @pile-ui/radio | abiaoGit |
Dependences
Installation
npm i pile-ui@latest --save
// import css
npm i @pile-ui/theme-default
import component
// style1
import {Button} from 'pile-ui'
// single component
import Button from '@pile-ui/button'import all css
import '@pile-ui/theme-default/lib/index.min.css'import single css
import '@pile-ui/theme-default/lib/button.min.css'Example
We have several examples on the documentation. Here is the first one to get you started:
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { Button } from 'pile-ui'
import '@pile-ui/theme-default/lib/index.min.css'
class App extends Component {
render() {
return (
<Button>hello Pile</Button>
);
}
}
ReactDOM.render((
<App/>
), document.getElementById('container'));Development
git clone git@github.com:didi/pile.js.git
cd pile.js
npm install
npm startcreate new module
lerna create @pile-ui/xx packages
css build
cd packages/theme-default
npm run build
npm run buildBuild single package by running the following:
npm run build -- --scope "@pile-ui/button"Build multiple packages where scope is a glob expression:
npm run build -- --scope "{@pile-ui/button,@pile-ui/icon}"Watch all filters (auto-rebuild upon src changes):
npm run watchContributing
Welcome to contribute by creating issues or sending pull requests. See Contributing Guide for guidelines.
License
pile is licensed under the Apache License 2.0. See the LICENSE file.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent