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 9 years ago			`---`
			`order: 5`
Merge branch master into develop-1.0.0 9 years ago			`title: 自定义提示`
docs: update demo format 9 years ago			`---`
docs: update Slider docs for `tipFormatter` 9 years ago
docs: update docs and demos 9 years ago			使用 `tipFormatter` 可以格式化 `Tooltip` 的内容，设置 `tipFormatter={null}`，则隐藏 `Tooltip`。
docs: update Slider docs for `tipFormatter` 9 years ago
			````jsx
			`import { Slider } from 'antd';`

			`function formatter(value) {`
style: update code style to please lint 9 years ago			return `${value}%`;
docs: update Slider docs for `tipFormatter` 9 years ago			`}`

docs: update docs and demos 9 years ago			`ReactDOM.render(<div>`
			`<Slider tipFormatter={formatter} />`
			`<Slider tipFormatter={null} />`
use mountNode replace the long getElementById 9 years ago			`</div>, mountNode);`
docs: update Slider docs for `tipFormatter` 9 years ago			````