Valmor

Rating

Sistema de avaliação com estrelas.

Rating

Rating Padrão (Slot com Inputs de Rádio)

Modo Somente Leitura (Read-only)

Formato mask-star-2 com cor Warning (bg-orange-400)

Cores Múltiplas com Ícone de Coração

Tamanhos Diferentes

XS:
SM:
MD:
LG:
XL:

Com Opção de Limpar (clearable)

Meias Estrelas (half stars)

<!-- Rating Component -->
<div class="rating">
  Rating content here
</div>
---
import Rating from '@/components/ui/data-input/Rating/Rating.astro';
---

<Rating />

Uso

Quando usar

  • Use Rating para sistema de avaliação com estrelas.
  • Ideal para interfaces que precisam de entrada de dados

Boas práticas

  • Mantenha consistência com outros componentes da mesma categoria
  • Considere acessibilidade e estados de interação
  • Teste em diferentes tamanhos de tela