useClickOutside

Detecta cliques fora de um elemento. Útil para fechar dropdowns, modais ou menus.

Importação

import { useClickOutside } from 'asterui'

Uso

function DropdownExample() {
  const [isOpen, setIsOpen] = useState(false)
  const ref = useClickOutside<HTMLDivElement>(() => setIsOpen(false))

  return (
    <div ref={ref}>
      <Button onClick={() => setIsOpen(true)}>Open</Button>
      {isOpen && <DropdownMenu>...</DropdownMenu>}
    </div>
  )
}

Parâmetros

Parâmetro	Tipo	Padrão	Descrição
handler	(event: MouseEvent | TouchEvent) => void	-	Callback quando clicar fora
enabled	boolean	true	Se o ouvinte está ativo

Valor de Retorno

Tipo	Descrição
RefObject<T>	Ref para anexar ao elemento