Sections

Vote links

Available on pages that support the {{vote}} helper, this pattern allows visitors to vote on whether content was helpful.

Article

The following patterns are intended for use with articles.

  • {{#with article}}
      <div class="py-4 my-4 text-center border-top border-bottom">
        <h4 class="font-medium">
          {{t 'was_this_article_helpful'}}
        </h4>
        <div class="button-group mb-4" role="group">
          {{vote 'up' class='button button-outline-primary' selected_class='is-active' role='radio'}}
          {{vote 'down' class='button button-outline-primary' selected_class='is-active' role='radio'}}
        </div>
        {{vote 'label' class='block text-gray-600 font-size-sm mb-4'}}
        <p class="my-5">
          {{../request_callout}}
        </p>
      </div>
    {{/with}}

Icon buttons

The {{vote}} helper can also act as a block helper, allowing you to define the content of each vote button.

You can also allow visitors to only vote whether an article, post or comment was useful, adopting a “like” or “thumbs up” visual style.

Comment

The following patterns are intended for use with comments on both Article and Post pages.

Use .media to present vertical vote buttons beside the comment body.