mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-21 04:48:02 +08:00
d2b311f27a
Some checks are pending
Publish Any Commit / build (push) Waiting to run
🔀 Sync mirror to Gitee / mirror (push) Waiting to run
✅ test / lint (push) Waiting to run
✅ test / test-react-legacy (16, 1/2) (push) Waiting to run
✅ test / test-react-legacy (16, 2/2) (push) Waiting to run
✅ test / test-react-legacy (17, 1/2) (push) Waiting to run
✅ test / test-react-legacy (17, 2/2) (push) Waiting to run
✅ test / test-node (push) Waiting to run
✅ test / test-react-latest (dom, 1/2) (push) Waiting to run
✅ test / test-react-latest (dom, 2/2) (push) Waiting to run
✅ test / test-react-latest-dist (dist, 1/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist, 2/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist-min, 1/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist-min, 2/2) (push) Blocked by required conditions
✅ test / test-coverage (push) Blocked by required conditions
✅ test / build (push) Waiting to run
✅ test / test lib/es module (es, 1/2) (push) Waiting to run
✅ test / test lib/es module (es, 2/2) (push) Waiting to run
✅ test / test lib/es module (lib, 1/2) (push) Waiting to run
✅ test / test lib/es module (lib, 2/2) (push) Waiting to run
👁️ Visual Regression Persist Start / test image (push) Waiting to run
* fix: tooltip arrow min width * test: update snapshot * fix: multiple width * demo: update demo
27 lines
643 B
TypeScript
27 lines
643 B
TypeScript
import React from 'react';
|
|
import { Button, Flex, Tooltip } from 'antd';
|
|
|
|
const zeroWidthEle = <div />;
|
|
|
|
const App: React.FC = () => (
|
|
<Flex vertical gap={72} align="flex-start">
|
|
<span />
|
|
<Tooltip
|
|
open
|
|
title="Thanks for using antd. Have a nice day !"
|
|
arrow={{ pointAtCenter: true }}
|
|
placement="topLeft"
|
|
>
|
|
<Button>Point at center</Button>
|
|
</Tooltip>
|
|
<Tooltip open title={zeroWidthEle} placement="topLeft">
|
|
<Button>Min Width</Button>
|
|
</Tooltip>
|
|
<Tooltip open title={zeroWidthEle} placement="top">
|
|
<Button>Min Width</Button>
|
|
</Tooltip>
|
|
</Flex>
|
|
);
|
|
|
|
export default App;
|