Fixar
Estabelece regras para fixação de itens, incluindo critérios de uso, quantidade máxima, indicação de estado e mecanismos de reversão.
Boas Práticas
Fixar permite personalizar a ordem de visualização, destacando conteúdos frequentes ou relevantes sem impactar os dados ou a estrutura do sistema.
Contextos
Fixar ocorre em dois momentos: como ação no menu Mais ações de um item, e como estado visual persistente na lista — itens fixados ficam sempre no topo, separados dos demais por um divisor.
A ação Fixar fica no bloco de toggles, acima das destrutivas.
Itens fixados precedem os demais. Um divisor separa os grupos.
Hierarquia
1 — Ação de Fixar
Trigger
- Menu de mais ações da linha ou ícone pin toggle no hover da linha
- Ícone não fixado: i-lucide-pin (outline) — ação disponível
- Label: "Fixar" no menu / "Fixar no topo" quando a posição é específica
- Após fixar: item move para grupo "Fixados" no topo com separador visual
Heurísticas aplicadas
- Controle e liberdade do usuário — personaliza a visualização sem alterar dados
- Consistência e padrões — ícone pin sempre igual; estado visual claro (fixado/não fixado)
- Eficiência de uso — acesso imediato a itens de alta frequência sem scroll ou busca
- Visibilidade do status — item fixado claramente distinguível dos demais (ícone preenchido)
2 — Estado fixado
Características
- Ícone fixado: i-lucide-pin (filled) preenchido — indica estado ativo (desafixar disponível)
- Label da ação de reversão: "Desafixar"
- Separador visual entre itens fixados e não fixados
Heurísticas aplicadas
- Reconhecimento em vez de memorização — ícone pin preenchido indica estado fixado
- Prevenção de erros — ação é reversível; "Desafixar" disponível no mesmo lugar
- Estética — itens fixados agrupados no topo com separador visual dos demais
Regras de estado
- Ícone pin vazio (outline): item não fixado — ação disponível para fixar
- Ícone pin preenchido (filled): item fixado — ação disponível para desafixar
- Itens fixados agrupados no topo da lista com separador visual
- Limite recomendado: até 5 itens fixados por lista para manter significado
- Ordem entre fixados: por data de fixação (mais recente no topo)
3 — Limite e aviso de capacidade
Regra
- Máximo recomendado: 5 itens fixados por lista
- Ao atingir o limite, o item "Fixar" aparece desabilitado com tooltip explicativo
- Para desbloquear: o usuário precisa desafixar outro item primeiro
- Persistência: preferência de fixação salva por usuário, não por conta
Aviso de limite (exemplo)
Labeling
Em ações de Fixar, o rótulo deve refletir o estado atual do item: "Fixar" para itens não fixados e "Desafixar" para itens já fixados. Mantenha o mesmo ponto de acesso e padrão visual.
Rótulo dinâmico baseado no estado atual do item
O mesmo ponto de acesso no menu, com label atualizado a cada interação
Ícone reflete o estado sem depender de texto
Muda imediatamente ao fixar ou desafixar — reconhecimento visual direto
Fórmula: estado do pin + clique = ação e resultado
- Fixar é pessoal — cada usuário mantém sua própria lista de itens fixados, independente dos demais.
- Indique o estado fixado com ícone ao início da linha e destaque visual sutil (fundo primary/5) — o item se destaca sem sobrepor a hierarquia da tabela.
- Limite máximo recomendado: 5 itens fixados por lista. Se o limite for atingido, mostre um aviso antes de permitir nova fixação.
- Não mistureitens fixados com não-fixados sem divisor visual — a separação é o único sinal de que a ordenação foi personalizada.
- Não usedois botões simultâneos "Fixar" e "Desafixar" — use toggle: o rótulo muda conforme o estado atual do item.
- Não sincronizea fixação entre usuários — itens fixados por um usuário não aparecem fixados para outros.
Exemplos de uso
Por ser uma ação de organização pessoal, Fixar deve acontecer com resposta imediata e mínima fricção. A interface deve comunicar claramente quando um item passa a ser priorizado.
Um item no menu: "Fixar" vira "Desafixar" após a ação
O label e o ícone mudam de estado, mas o ponto de acesso permanece no mesmo lugar — o usuário sempre sabe onde encontrar a reversão.
"Fixar" e "Desafixar" como duas entradas separadas no menu
Exibir os dois ao mesmo tempo gera ambiguidade sobre o estado atual e duplica desnecessariamente o menu.
Separador visual distingue fixados dos demais na lista
Um divisor ou cabeçalho discreto ("Fixados") deixa claro o grupo priorizado sem sobrecarregar a interface.
Itens fixados intercalados com os demais na ordem original
Sem separação visual, a fixação não gera vantagem perceptível — o usuário não distingue o que está priorizado.
"Fixar" desabilitado com tooltip explicativo ao atingir o limite
O sistema comunica o limite de forma proativa: o usuário entende o que aconteceu e sabe como liberar espaço.
Fixar sem restrição de quantidade e sem feedback de limite
Uma lista com 10 ou mais itens fixados perde completamente o propósito de priorização — tudo fixado é o mesmo que nada fixado.
Feedback para Fixar
Fixar deve responder instantaneamente, com confirmação visual clara e mínima interferência na experiência.
Use ao fixar — o item move para o topo imediatamente e o Toast confirma por 2–3 segundos.
Ex: "Item fixado."
Use ao desafixar — mesma estrutura do Toast, com label que reflete o novo estado.
Ex: "Item desafixado."