Have ideas to improve npm?Join in the discussion! »

    bee-tile

    1.0.0 • Public • Published

    bee-tile

    npm version Build Status Coverage Status devDependency Status NPM downloads Average time to resolve an issue Percentage of issues still open

    Browser Support

    IE Chrome Firefox Opera Safari
    IE 9+ ✔ Chrome 31.0+ ✔ Firefox 31.0+ ✔ Opera 30.0+ ✔ Safari 7.0+ ✔

    多用于模块化功能场景,内容用户可随意自定义

    使用

    使用单独的bee-tile包

    组件引入

    先进行下载bee-tile包

    npm install --save bee-tile
    

    组件调用

    import Tile from 'bee-tile';
     
    React.render(
        <Tile style={{width:200}}>
            <h4>项目跟踪</h4>
            <span>进度</span>
            <h1>95%</h1>
        </Tile>, document.getElementById('target'));
     

    样式引入

    • 可以使用link引入dist目录下bee-tile.css
    <link rel="stylesheet" href="./node_modules/build/bee-tile.css">
    
    • 可以在js中import样式
    import "./node_modules/src/Tile.scss"
    //或是
    import "./node_modules/build/bee-tile.css"

    API

    参数 说明 类型 默认值
    className 类名 string
    children 自定义磁铁内容 element/string/object -
    border 是否加边框 bool true

    开发调试

    $ npm install -g bee-tools
    $ git clone https://github.com/tinper-bee/bee-tile
    cd bee-tile
    $ npm install
    $ npm run dev

    Install

    npm i bee-tile

    DownloadsWeekly Downloads

    185

    Version

    1.0.0

    License

    MIT

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar