ClickAwayListener

O ClickAwayListener detecta cliques que ocorrem externamente ao conteúdo envelopado, assim como outros comportamentos de dismiss.

Playground

Propriedades

Nome (* = obrigatório)

Tipo

Valores

Descrição

children *

JSX.Element | Array<JSX.Element>

O conteúdo que o ClickAwayListener envelopa e indica a referência a partir da qual cliques externos devem ser escutados.

obs: se o children for um Array<JSX.Element> seu conteúdo será envelopado por uma <div />.

dismissProps

ClickAwayListenerDismiss

  • { ancestorScroll?: boolean;

  • escapeKey?: boolean;

  • outsidePressEvent?: 'pointerdown' | 'mousedown' | 'click'; };

Configuração do comportamento de dismiss do listener.
"escapeKey" define se a tecla ESC configura um dismiss ou não.
"ancestorScroll" define se um scroll fora do conteúdo envelopado configura um dismiss ou não.
"outsidePressEvent" define como um clique/touch fora do conteúdo envelopado configura um dismiss:
- 'pointerdown': eager on both mouse + touch input
- 'mousedown': eager on mouse input, lazy on touch input
- 'click': lazy on both mouse + touch input

Métodos

Nome (* = obrigatório)

Tipo

Descrição

onClickAway *

function

Função invocada quando um dos comportamentos de dismiss são identificados.