mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 06:03:38 +08:00
Code Issues Actions 29 Packages Projects Releases Wiki Activity

docs: update demo of Tooltip

Browse Source
This commit is contained in:
Benjy Cui 2016-09-14 10:20:42 +08:00
parent 39a11f00a0
commit 31a0bed13c
1 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
components/tooltip/demo/placement.md
View File

@ -21,46 +21,46 @@ ReactDOM.render(
<div>
<div style={{ marginLeft: 60 }}>
<Tooltip placement="topLeft" title={text}>
<a href="#">topLeft</a>
<a href="#">TL</a>
</Tooltip>
<Tooltip placement="top" title={text}>
<a href="#">top</a>
<a href="#">Top</a>
</Tooltip>
<Tooltip placement="topRight" title={text}>
<a href="#">topRight</a>
<a href="#">TR</a>
</Tooltip>
</div>
<div style={{ width: 60, float: 'left' }}>
<Tooltip placement="leftTop" title={text}>
<a href="#">leftTop</a>
<a href="#">LT</a>
</Tooltip>
<Tooltip placement="left" title={text}>
<a href="#">left</a>
<a href="#">Left</a>
</Tooltip>
<Tooltip placement="leftBottom" title={text}>
<a href="#">leftBottom</a>
<a href="#">LB</a>
</Tooltip>
</div>
<div style={{ width: 60, marginLeft: 270 }}>
<Tooltip placement="rightTop" title={text}>
<a href="#">rightTop</a>
<a href="#">RT</a>
</Tooltip>
<Tooltip placement="right" title={text}>
<a href="#">right</a>
<a href="#">Right</a>
</Tooltip>
<Tooltip placement="rightBottom" title={text}>
<a href="#">rightBottom</a>
<a href="#">RB</a>
</Tooltip>
</div>
<div style={{ marginLeft: 60, clear: 'both' }}>
<Tooltip placement="bottomLeft" title={text}>
<a href="#">bottomLeft</a>
<a href="#">BL</a>
</Tooltip>
<Tooltip placement="bottom" title={text}>
<a href="#">bottom</a>
<a href="#">Bottom</a>
</Tooltip>
<Tooltip placement="bottomRight" title={text}>
<a href="#">bottomRight</a>
<a href="#">BR</a>
</Tooltip>
</div>
</div>
@ -68,7 +68,7 @@ ReactDOM.render(
````
<style>
#components-tooltip-demo-placement a {
#components-tooltip-demo-placement .code-box-demo a {
display: inline-block;
line-height: 32px;
height: 32px;