@txdfe/at-title

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