ant-design/components/tooltip/demo/basic.md

---
order: 0
title:
  zh-CN: 基本
  en-US: Basic
---

## zh-CN

最简单的用法。

## en-US

The simplest usage.

```tsx
import { Tooltip } from 'antd';
import React from 'react';

const App: React.FC = () => (
  <Tooltip title="prompt text">
    <span>Tooltip will show on mouse enter.</span>
  </Tooltip>
);

export default App;
```
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
			`order: 0`
fix: Tooltip support multi children, close: #3924 (#4105) 2016-12-02 15:07:03 +08:00			`title:`
docs: translation tooltip (#2577) 2016-08-02 16:06:46 +08:00			`zh-CN: 基本`
			`en-US: Basic`
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
Add Tooltip 2015-06-03 17:08:43 +08:00
docs: translation tooltip (#2577) 2016-08-02 16:06:46 +08:00			`## zh-CN`

Add Tooltip 2015-06-03 17:08:43 +08:00			`最简单的用法。`

fix: Tooltip support multi children, close: #3924 (#4105) 2016-12-02 15:07:03 +08:00			`## en-US`
docs: translation tooltip (#2577) 2016-08-02 16:06:46 +08:00
			`The simplest usage.`

docs: feat components TS demo (#34742) * docs: add general components TS demo * docs: add layout components TS demo * docs: add navigation components TS demo * docs: add data entry components TS demo * chore(deps): add types for qs * docs: add data display TS demo * docs: add feedback components TS demo * docs: add other components TS demo * chore(deps): add types * docs: unified demo code style * docs: fix lint error * docs: add demo TS type * docs: fix demo TS type * test: update snapshot * docs: fix TS demo * feat: update Rate character type * docs: fix lint error * feat: update Rate character type * feat: update Rate character type 2022-05-19 09:46:26 +08:00			```tsx
ES6 syntax for demo code fix antd.notification 2015-10-28 20:55:49 +08:00			`import { Tooltip } from 'antd';`
chore: merge master 2022-05-21 22:14:15 +08:00			`import React from 'react';`
Add Tooltip 2015-06-03 17:08:43 +08:00
docs: feat components TS demo (#34742) * docs: add general components TS demo * docs: add layout components TS demo * docs: add navigation components TS demo * docs: add data entry components TS demo * chore(deps): add types for qs * docs: add data display TS demo * docs: add feedback components TS demo * docs: add other components TS demo * chore(deps): add types * docs: unified demo code style * docs: fix lint error * docs: add demo TS type * docs: fix demo TS type * test: update snapshot * docs: fix TS demo * feat: update Rate character type * docs: fix lint error * feat: update Rate character type * feat: update Rate character type 2022-05-19 09:46:26 +08:00			`const App: React.FC = () => (`
Tweak tooltip background and fix basic demo 2017-08-25 10:11:22 +08:00			`<Tooltip title="prompt text">`
Documentation - Tooltip Component 2019-04-19 20:46:08 +08:00			`<span>Tooltip will show on mouse enter.</span>`
docs: demo support react18 (#34843) * docs: update demo * chore: add script * test: fix demo test * docs: convert demos * chore: move script * test: remove react-dom import * chore: update deps * docs: update riddle js * test: fix image test * docs: fix riddle demo 2022-04-03 23:27:45 +08:00			`</Tooltip>`
:lipstick: fix eslint problems 2018-11-28 15:00:03 +08:00			`);`
docs: feat components TS demo (#34742) * docs: add general components TS demo * docs: add layout components TS demo * docs: add navigation components TS demo * docs: add data entry components TS demo * chore(deps): add types for qs * docs: add data display TS demo * docs: add feedback components TS demo * docs: add other components TS demo * chore(deps): add types * docs: unified demo code style * docs: fix lint error * docs: add demo TS type * docs: fix demo TS type * test: update snapshot * docs: fix TS demo * feat: update Rate character type * docs: fix lint error * feat: update Rate character type * feat: update Rate character type 2022-05-19 09:46:26 +08:00
			`export default App;`
:lipstick: prittier all files 2019-05-07 14:57:32 +08:00			```