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