ant-design/components/tooltip/demo/config-debug.tsx
thinkasany ce87c614e1
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
feat: ConfigProvider support tooltip (#51872)
* feat: ConfigProvider support tooltip

* fix

* fix

* fix

* refactor: inner to body

* revert SemanticPreview update

* fix

* clear unused

* update Semantic demo

* update locale content descrption
2024-12-24 15:21:26 +08:00

22 lines
566 B
TypeScript

import React from 'react';
import { ConfigProvider, Tooltip } from 'antd';
const App: React.FC = () => (
<div>
<ConfigProvider
tooltip={{
className: 'cutsom-tooltip-test',
style: { background: 'yellow' },
styles: { body: { color: 'red', borderRadius: 50 }, root: { color: 'green' } },
classNames: { root: 'custom-root', body: 'custom-body' },
}}
>
<Tooltip title="prompt text">
<span>Tooltip will show on mouse enter.</span>
</Tooltip>
</ConfigProvider>
</div>
);
export default App;