JSPM – bee-tooltip@0.1.2

Package Exports

bee-tooltip

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (bee-tooltip) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react bee-tooltip component for tinper-bee

setup develop environment

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

使用

使用单独的tooltip包

组件引入

先进行下载tooltip包

npm install --save bee-tooltip

组件调用

import { Tooltip } from 'bee-tooltip';
React.render(<div>
    <div>
        <Tooltip placement="top" className="in">show tooltip</Tooltip>
    </div>
</div>, document.getElementById('target'));

样式引入

可以使用link引入dist目录下tooltip.css

<link rel="stylesheet" href="./node_modules/build/bee-tooltip.css">

可以在js中import样式

import "./node_modules/src/tooltip.scss"
//或是
import "./node_modules/build/bee-tooltip.css"

使用tinper-bee组件库

(tinper-bee组件库使用方法)[]

API

参数	说明	类型	默认值
palcement	显示位置(`top` `left` `right` `bottom`)	string	top
inverse	反白显示	bool	false
className	增加额外的class(in,'')	string	''默认隐藏