User Manual

Data-list

A datalist component is typically used to display a structured list of data, often in rows and columns. Based on your description, this component has rows where each row represents a label and a corresponding value (e.g., a number or text associated with that label).

Default

  • 3 maanden 2,05%
  • 6 maanden 2,15%
  • 9 maanden 2,25%
  • 1 jaar 2,35%
  • 2 – 10 jaar 2,50% 

    
      

  

  <ul class="m-data-list ">
    
      <li class="m-data-list__item">
        <span class="m-data-list__label">3 maanden</span>

        <span class="m-data-list__value">
          <b>2,05%</b>
        </span>
      </li>
    
      <li class="m-data-list__item">
        <span class="m-data-list__label">6 maanden</span>

        <span class="m-data-list__value">
          <b>2,15%</b>
        </span>
      </li>
    
      <li class="m-data-list__item">
        <span class="m-data-list__label">9 maanden</span>

        <span class="m-data-list__value">
          <b>2,25%</b>
        </span>
      </li>
    
      <li class="m-data-list__item">
        <span class="m-data-list__label">1 jaar</span>

        <span class="m-data-list__value">
          <b>2,35%</b>
        </span>
      </li>
    
      <li class="m-data-list__item">
        <span class="m-data-list__label">2 – 10 jaar</span>

        <span class="m-data-list__value">
          <b>2,50%</b>
        </span>
      </li>
    
  </ul>