<div class="ar-rating" data-ar-rating>
  <input type="radio" name="r" value="5" id="s5">
  <label for="s5"><svg viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg></label>
  <!-- repeat for value 4 … 1 -->
</div>

Read-only: add ar-rating-readonly + disabled on inputs · JS listens for the ar-rating-change CustomEvent.