KasyKasy

Hover

Viewer ao vivo e documentação do componente Hover.

Sobre

Wrapper universal de hover/press que dá feedback visual (preenchimento de fundo animado) e tátil a qualquer widget, em qualquer plataforma. Não usa ripple do Material.

  • child / onTap: conteúdo envolvido e callback do toque.
  • hoverColor: cor sólida exata exibida no hover (substitui o overlay translúcido padrão); útil em itens de navegação onde hover e estado selecionado devem parecer idênticos.
  • pressColor: cor base do overlay de pressionar (padrão onSurface); passe a cor de destaque da superfície (ex.: primary) quando o fundo já for colorido.
  • hoverEnabled / pressEnabled: desligam o realce de hover ou de pressionar mantendo o toque funcional (ex.: linhas de lista simples).
  • hapticEnabled: dispara haptic no toque (ignorado automaticamente na web).
  • focusable: torna o controle alcançável via Tab, com anel de foco do kit e ativação por Enter/Espaço.
  • borderRadius / padding / margin: raio do overlay de feedback e espaçamentos interno/externo.
  • O estado pressionado fica visível por no mínimo 160ms, mesmo em toques rápidos.
  • Contraste com KasyPressableDepth: este componente usa preenchimento de fundo; o outro usa animação de escala/profundidade.

Preview

Carregando o componente…

Atualizado em 03/11/2026

Nesta página