30 lines
964 B
TypeScript
30 lines
964 B
TypeScript
|
import * as React from 'react';
|
||
|
|
import Tooltip from 'antd/lib/tooltip';
|
||
|
|
import 'antd/lib/tooltip/style/index.css';
|
||
|
|
import { AntDesignOutlined, createFromIconfontCN } from '../../src';
|
||
|
|
|
||
|
|
const IconFont = createFromIconfontCN({
|
||
|
|
scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js',
|
||
|
|
});
|
||
|
|
|
||
|
|
const TooltipDemo = () => (
|
||
|
|
<div style={{ color: '#555' }}>
|
||
|
|
<h1 style={{ textAlign: 'center' }}>Tooltip Demo</h1>
|
||
|
|
<div style={{ textAlign: 'center', padding: 50 }}>
|
||
|
|
<h2>Hover this icon</h2>
|
||
|
|
<Tooltip placement="topLeft" title="AntDesignOutlined" arrowPointAtCenter>
|
||
|
|
<AntDesignOutlined style={{ fontSize: 30 }} />
|
||
|
|
</Tooltip>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style={{ textAlign: 'center', padding: 50 }}>
|
||
|
|
<h2>Hover this icon</h2>
|
||
|
|
<Tooltip placement="topLeft" title="Iconfont icon-tuichu" arrowPointAtCenter>
|
||
|
|
<IconFont type="icon-tuichu" style={{ fontSize: 30 }} />
|
||
|
|
</Tooltip>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
|
||
|
|
export default TooltipDemo;
|