A lightweight mobile components library build with React.
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 |
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'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'));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 watchWelcome to contribute by creating issues or sending pull requests. See Contributing Guide for guidelines.
pile is licensed under the Apache License 2.0. See the LICENSE file.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent