@txdfe/at-title

1.1.3 • Public • Published

title: zh-CN: 标题组件 en-US: at-title order: 0

zh-CN

标题组件,传入的内容过长时,展示tooltip

import Title from '@txdfe/at-title';

class Demo extends React.Component {
  render() {
    return (
      <div className='example'>
        <div style={{
          width: 200
        }}>
          <Title>21313212131321221313212131321213132121313212131321213132121313211313212131321213132121313212131321</Title>
        </div>
        <Title>2131321213132121313212131321213132121313212131321</Title>
        <div style={{
          width: 200
        }}>
          <Title>112</Title>
        </div>
      </div>
    );
  }
}

ReactDOM.render(<Demo />, mountNode);
.example {
  background: rgba(0, 0, 0, 0.05);
  height: 400px;
  width: 300px;
}

API

参考Balloon.Tooltip的api,除了trigger,传入的属性都会透传给Balloon.Tooltip

Readme

Keywords

none

Package Sidebar

Install

npm i @txdfe/at-title

Weekly Downloads

3

Version

1.1.3

License

ISC

Unpacked Size

1.88 MB

Total Files

12

Last publish

Collaborators

  • jiangyuanzhi
  • zhzxang
  • purple-force
  • zuoqi
  • tod.zx
  • 2ehao
  • bowei.jbw
  • teamaxy
  • cyris
  • saviio