Feedback
Indicador de presença
Status dot
Um pequeno marcador que acompanha o estado de uma pessoa ou serviço.
AL
Ana LimaDisponível
Exemplo didático · Representação visual do padrão
Quando usar
Mostrar disponibilidade em listas e perfis.
Cuidados e acessibilidade
Escreva o estado ao lado ou no nome acessível; verde sozinho é insuficiente.
Partes e comportamento
Marcador de estado e rótulo textual equivalente.
Não confunda
Presença online não garante disponibilidade para responder.
Exemplo de código
<span class="status-dot" aria-hidden="true"></span>
<span>Disponível</span>Trecho didático. Integre e teste no contexto do seu projeto.