ant-design/components/slider/demo/tip-formatter.md

---
order: 5
title: 自定义提示
---

使用 `tipFormatter` 可以格式化 `Tooltip` 的内容，设置 `tipFormatter={null}`，则隐藏 `Tooltip`。

````jsx
import { Slider } from 'antd';

function formatter(value) {
  return `${value}%`;
}

ReactDOM.render(<div>
  <Slider tipFormatter={formatter} />
  <Slider tipFormatter={null} />
</div>, mountNode);
````
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
			`order: 5`
Merge branch master into develop-1.0.0 2016-04-07 12:10:21 +08:00			`title: 自定义提示`
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
docs: update Slider docs for `tipFormatter` 2015-11-25 11:34:55 +08:00
docs: update docs and demos 2015-12-24 09:54:59 +08:00			使用 `tipFormatter` 可以格式化 `Tooltip` 的内容，设置 `tipFormatter={null}`，则隐藏 `Tooltip`。
docs: update Slider docs for `tipFormatter` 2015-11-25 11:34:55 +08:00
			````jsx
			`import { Slider } from 'antd';`

			`function formatter(value) {`
style: update code style to please lint 2016-02-17 18:04:42 +08:00			return `${value}%`;
docs: update Slider docs for `tipFormatter` 2015-11-25 11:34:55 +08:00			`}`

docs: update docs and demos 2015-12-24 09:54:59 +08:00			`ReactDOM.render(<div>`
			`<Slider tipFormatter={formatter} />`
			`<Slider tipFormatter={null} />`
use mountNode replace the long getElementById 2015-12-29 12:08:58 +08:00			`</div>, mountNode);`
docs: update Slider docs for `tipFormatter` 2015-11-25 11:34:55 +08:00			````