Utilize o componente de Avaliação por Estrelas para permitir que os utilizadores avaliem produtos, serviços ou conteúdos com base em uma escala visual de estrelas. Este componente é essencial para recolher feedback de forma rápida e intuitiva, além de ajudar outros utilizadores a tomar decisões informadas.
Oferece uma representação clara e imediata da qualidade ou satisfação associada a um item.
Permite que os utilizadores selecionem facilmente a sua avaliação clicando no número desejado de estrelas.
Ajuda a recolher e exibir feedback do utilizador, que pode ser agregado para mostrar a média de avaliações.
Incorpore o componente de Avaliação por Estrelas sempre que precisar de uma maneira eficaz e visualmente intuitiva para os utilizadores expressarem suas opiniões e ajudarem outros a tomarem decisões informadas com base nas avaliações coletivas.
<fieldset class="gra-rate">
<input type="radio" id="rating10" name="rating" value="5" /><label for="rating10" title="5 estrelas"></label>
<input type="radio" id="rating9" name="rating" value="4.5" /><label class="half" for="rating9" title="4 1/2 estrelas"></label>
<input type="radio" id="rating8" name="rating" value="4" /><label for="rating8" title="4 estrelas"></label>
<input type="radio" id="rating7" name="rating" value="3.5" /><label class="half" for="rating7" title="3 1/2 estrelas"></label>
<input type="radio" id="rating6" name="rating" value="3" /><label for="rating6" title="3 estrelas"></label>
<input type="radio" id="rating5" name="rating" value="2.5" checked/><label class="half" for="rating5" title="2 1/2 estrelas"></label>
<input type="radio" id="rating4" name="rating" value="2" /><label for="rating4" title="2 estrelas"></label>
<input type="radio" id="rating3" name="rating" value="1.5" /><label class="half" for="rating3" title="1 1/2 estrelas"></label>
<input type="radio" id="rating2" name="rating" value="1" /><label for="rating2" title="1 estrela"></label>
<input type="radio" id="rating1" name="rating" value="0.5" /><label class="half" for="rating1" title="1/2 star"></label>
</fieldset>