import React from 'react'; import { Divider, Steps } from 'antd'; const App: React.FC = () => ( <> <Steps progressDot current={1} size="small" items={[ { title: 'Finished', description: 'This is a description.', }, { title: 'In Progress', description: 'This is a description.', }, { title: 'Waiting', description: 'This is a description.', }, ]} /> <Divider /> <Steps progressDot current={1} direction="vertical" size="small" items={[ { title: 'Finished', description: 'This is a description. This is a description.', }, { title: 'Finished', description: 'This is a description. This is a description.', }, { title: 'In Progress', description: 'This is a description. This is a description.', }, { title: 'Waiting', description: 'This is a description.', }, { title: 'Waiting', description: 'This is a description.', }, ]} /> </> ); export default App;