Designsystem

Todo list: Horizontal 

<ul class="todoList todoList--horizontal">
    <li class="todoList-item">
        <div class="keydata todoList-item-step">1</div>
        <div class="todoList-item-content">
            <p class="todoList-item-title">Vérifiez votre éligibilité</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
        </div>
    </li>
    <li class="todoList-item">
        <div class="keydata todoList-item-step">2</div>
        <div class="todoList-item-content">
            <p class="todoList-item-title">Vérifiez votre éligibilité</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
        </div>
    </li>
</ul>
 
<ul class="todoList todoList--horizontal">
        {{#each datas}}
        <li class="todoList-item">
                <div class="keydata todoList-item-step">{{index}}</div>
                <div class="todoList-item-content">
                        <p class="todoList-item-title">{{title}}</p>
                        <p>{{text}}</p>
                </div>
        </li>
        {{/each}}
</ul>
 
{
  "datas": [
    {
      "index": "1",
      "title": "Vérifiez votre éligibilité",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
    },
    {
      "index": "2",
      "title": "Vérifiez votre éligibilité",
      "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
    }
  ]
}

There are no notes for this item.