feedback

Positive feedback

Ano 12

        {% include "@Components/feedback/feedback.twig" with {
  props : {
    title: "Ano",
    variant: "positive",
    count: "12"
  }
}
 %}

            <div class="feedback__wrapper">
  <a class="feedback --positive" href='#'>
    <span class="feedback__title">Ano</span>
    <span class="icon">
      <img src="images/svg/like.svg"  loading="lazy">
  
  </span>
  </a>
  <span class="feedback__count">12</span>
</div>

Negative feedback

Ne 3

        {% include "@Components/feedback/feedback.twig" with {
  props : {
    title: "Ne",
    variant: "negative",
    count: "3"
  }
}
 %}

            <div class="feedback__wrapper">
  <a class="feedback --negative" href='#'>
    <span class="feedback__title">Ne</span>
    <span class="icon">
      <img src="images/svg/dislike.svg"  loading="lazy">
  
  </span>
  </a>
  <span class="feedback__count">3</span>
</div>

Voted feedback

Ne 3

        {% include "@Components/feedback/feedback.twig" with {
  props : {
    title: "Ne",
    state: "voted",
    count: "3"
  }
}
 %}

            <div class="feedback__wrapper">
  <a class="feedback --negative --voted" href='#'>
    <span class="feedback__title">Ne</span>
    <span class="icon">
      <img src="images/svg/dislike.svg"  loading="lazy">
  
  </span>
  </a>
  <span class="feedback__count">3</span>
</div>

Schema

    {
  "props": {
    "title": {
      "type": "string",
      "description": "Title of the component"
    },
    "variant": {
      "type": "string",
      "description": "potitive | negative(default)"
    },
    "state": {
      "type": "string",
      "description": "voted | undefined"
    },
    "count": {
      "type": "number",
      "description": "Count of feedbacks"
    }
  }
}