Pile

A lightweight mobile components library build with React.

Docs

View the docs here

1.x 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

• [email protected]
• [email protected]

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 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

Contributing

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.