Pagination arrow preview 

  •         {% include "@Components/pagination-arrow/pagination-arrow.twig" %}

      
  •           <a class="pagination-arrow  --previous"" href="#">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>

Pagination arrow next 

  •         {% include "@Components/pagination-arrow/pagination-arrow.twig" with {
    props: {
      variant: "next"
    }
  }
%}

      
  •           <a class="pagination-arrow  --next" href="#">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>

Pagination arrow disabled 

  •         {% include "@Components/pagination-arrow/pagination-arrow.twig" with {
    props: {
      disabled: true
    }
  }
%}

      
  •           <a class="pagination-arrow --disabled --previous"" href="#">
  <span class="icon">
      <img src="images/svg/arrow-small-right.svg"  loading="lazy">
  
  </span>
</a>

Schema 

    {
  "props": {
    "size": {
      "type": "string",
      "description": "lg"
    }
  }
}