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 start
create new module
lerna create @pile-ui/xx packages
css build
cd packages/theme-default
npm run build
npm run build
Build 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 watch
Welcome 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.