Valmor

Status

Indicador de status com cores.

Status

Online Away 
<!-- Status Component -->
<div class="status">
  Status content here
</div>
---
import Status from '@/components/ui/data-display/Status/Status.astro';
---

<Status />

Uso

Quando usar

  • Use Status para indicador de status com cores.
  • Ideal para interfaces que precisam de exibição 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