Modification de la ligne de temps verticale antdesign dans la ligne de temps horizontale

Question

Je dois tracer une ligne de temps horizontale dans mon application basée sur React pour laquelle j'utilise antdesign comme bibliothèque d'interface utilisateur. Selon docs, antdesign timeline component est une excellente ressource à cet égard, mais malheureusement, il ne supporte que la ligne de temps verticale. Avant de passer à la recherche d'autres échéanciers horizontaux libres ou de coder le calendrier moi-même, j'ai pensé demander s'il existe un moyen de convertir ce calendrier vertical en un calendrier horizontal. Voici l'extrait de code que je l'habitude de faire quelques changements pour obtenir les résultats souhaités mais n'a pas obtenu aucun succès:

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

J'utiliseraient la place composante <Steps>, qui ressemble, mais soutient vertical/horizontal.