가로형 타임 라인으로 디자인 타임 형 세로 타임 라인 수정하기

Question

UI 라이브러리로 antdesign을 사용하고있는 React 기반 앱에 가로형 타임 라인을 그려야합니다. 문서에 따르면 antdesign timeline component은 이와 관련하여 훌륭한 자료이지만 유감스럽게도 분명히 수직 타임 라인 만 지원합니다. 다른 오픈 소스 가로형 타임 라인을 찾거나 타임 라인을 직접 코딩하기 전에이 세로 형 타임 라인을 가로형 타임 라인으로 변환 할 수있는 방법이 있는지 물어볼 생각입니다.

import { Timeline } from 'antd'; 

ReactDOM.render(
    <Timeline> 
    <Timeline.Item color="green">Create a services site 2015-09-01</Timeline.Item> 
    <Timeline.Item color="green">Create a services site 2015-09-01</Timeline.Item> 
    <Timeline.Item color="red"> 
     <p>Solve initial network problems 1</p> 
     <p>Solve initial network problems 2</p> 
     <p>Solve initial network problems 3 2015-09-01</p> 
    </Timeline.Item> 
    <Timeline.Item> 
     <p>Technical testing 1</p> 
     <p>Technical testing 2</p> 
     <p>Technical testing 3 2015-09-01</p> 
    </Timeline.Item> 
    </Timeline> 
, mountNode); 

Answer 1

내가 대신 <Steps> 구성 요소를 사용하는 것, 비슷하지만, 수직/수평 지원 : 여기에 내가 원하는 결과를 얻기 위해 일부 변경을하는 데 사용하지만, 어떤 성공을하지 않은 코드입니다.