Nagging Mario's Princess
Unleash awesomeness. Private packages, team management tools, and powerful integrations. Get started with npm Orgs »

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

53

version

1.0.0

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
Report a vulnerability