--- order: 6 title: zh-CN: 垂直 en-US: Vertical --- ## zh-CN 垂直方向的 Slider。 ## en-US The vertical Slider. ```tsx import { Slider } from 'antd'; import type { SliderMarks } from 'antd/es/slider'; import React from 'react'; const style: React.CSSProperties = { display: 'inline-block', height: 300, marginLeft: 70, }; const marks: SliderMarks = { 0: '0°C', 26: '26°C', 37: '37°C', 100: { style: { color: '#f50', }, label: 100°C, }, }; const App: React.FC = () => ( <>
); export default App; ```