---
title: Nordic rating symbols
layout: common-ux-layout.hbs
---

<h3>TUI hotel rating</h3>
<div class="module-library-block" data-code="html">{{>rating_tui}}</div>

<h3>TUI hotel rating (handlebars and css powered)</h3>
<div class="module-library-block" data-code="html">{{>rating_auto rating}}</div>

<h3>Customer Rating</h3>
<div class="module-library-block" data-code="html">
  <div class="row">
    <div class="col-md-4 background-tui-beige-25">
      {{>customer_rating hotel.data.fields.content}}
    </div>
  </div>
</div>

<h3>Customer Rating Button</h3>
<div class="module-library-block" data-code="html">
  <div class="row">
    {{>customer_rating_button hotel.data.fields.content}}
    </div>
</div>