mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 17:31:25 +08:00
2c3ad833f1
* feat: Popver shadow * test: Update snapshot * chore: clean up
1132 lines
22 KiB
Plaintext
1132 lines
22 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`renders ./components/popover/demo/arrow-point-at-center.md extend context correctly 1`] = `
|
|
Array [
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Align edge / 边缘对齐
|
|
</span>
|
|
</button>,
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Arrow points to center / 箭头指向中心
|
|
</span>
|
|
</button>,
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/popover/demo/basic.md extend context correctly 1`] = `
|
|
Array [
|
|
<button
|
|
class="ant-btn ant-btn-primary"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Hover me
|
|
</span>
|
|
</button>,
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/popover/demo/control.md extend context correctly 1`] = `
|
|
Array [
|
|
<button
|
|
class="ant-btn ant-btn-primary"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Click me
|
|
</span>
|
|
</button>,
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<a>
|
|
Close
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/popover/demo/hover-with-click.md extend context correctly 1`] = `
|
|
Array [
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Hover and click / 悬停并单击
|
|
</span>
|
|
</button>,
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Click title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<div>
|
|
This is click content.
|
|
</div>
|
|
<a>
|
|
Close
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Hover title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
This is hover content.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/popover/demo/placement.md extend context correctly 1`] = `
|
|
<div
|
|
class="demo"
|
|
>
|
|
<div
|
|
style="margin-left:70px;white-space:nowrap"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
TL
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Top
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
TR
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="width:70px;float:left"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
LT
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Left
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
LB
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="width:70px;margin-left:304px"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
RT
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Right
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
RB
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="margin-left:70px;clear:both;white-space:nowrap"
|
|
>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
BL
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Bottom
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
BR
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
<span>
|
|
Title
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/popover/demo/render-panel.md extend context correctly 1`] = `
|
|
Array [
|
|
<div
|
|
class="ant-popover ant-popover-pure ant-popover-placement-top"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
/>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
<div
|
|
class="ant-popover ant-popover-pure ant-popover-placement-bottomLeft"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
style="width:250px"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
/>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>,
|
|
]
|
|
`;
|
|
|
|
exports[`renders ./components/popover/demo/triggerType.md extend context correctly 1`] = `
|
|
<div>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Hover me
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Focus me
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button
|
|
class="ant-btn ant-btn-default"
|
|
type="button"
|
|
>
|
|
<span>
|
|
Click me
|
|
</span>
|
|
</button>
|
|
<div>
|
|
<div
|
|
class="ant-popover"
|
|
style="opacity:0"
|
|
>
|
|
<div
|
|
class="ant-popover-content"
|
|
>
|
|
<div
|
|
class="ant-popover-arrow"
|
|
>
|
|
<span
|
|
class="ant-popover-arrow-content"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner"
|
|
role="tooltip"
|
|
>
|
|
<div
|
|
class="ant-popover-title"
|
|
>
|
|
Title
|
|
</div>
|
|
<div
|
|
class="ant-popover-inner-content"
|
|
>
|
|
<div>
|
|
<p>
|
|
Content
|
|
</p>
|
|
<p>
|
|
Content
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|