Card timeline

Basic examples

Default

Un bon pipi

Un bon caca

3 paquets de pastilles pour la gorge

4 paquets de suppositoirs

2 litres de sirop

Show code


<div class="cardTimeline">
  <div class="cardTimeline__row">
    <div class="row__header">
      <div class="icon"><img src="../../assets/icons/pee.svg" alt=""></div>
      <div class="info">
        <p class="info__time">09h45</p>
        <p class="info_text">pipi</p>
      </div>
      <button><img src="../../assets/icons/light/trash.svg" alt=""></button>
    </div>
    <div class="row__content">
      <p>Un bon pipi</p>
    </div>
  </div>
    
  <div class="cardTimeline__row">
    <div class="row__header">
      <div class="icon"><img src="../../assets/icons/poop.svg" alt=""></div>
      <div class="info">
        <p class="info__time">10h00</p>
        <p class="info_text">caca</p>
      </div>
      <button><img src="../../assets/icons/light/trash.svg" alt=""></button>
    </div>
    <div class="row__content">
      <p>Un bon caca</p>
    </div>
  </div>
</div>