Pular para o conteúdo

ClickAwayListener API

Documentação da API para o componente React ClickAwayListener . Aprenda sobre as propriedades disponíveis e a API CSS.

Importação

import ClickAwayListener from '@mui/core/ClickAwayListener';
// ou
import { ClickAwayListener } from '@mui/core';
Você pode aprender sobre a diferença lendo este guia sobre como minimizar o tamanho do pacote.

Listen for click events that occur somewhere in the document, outside of the element itself. For instance, if you need to hide a menu when people click anywhere else on your page.

Propriedades

NomeTipoPadrãoDescrição
children*element
The wrapped element.
⚠️ Needs to be able to hold a ref.
onClickAway*func
Callback fired when a "click away" event is detected.
disableReactTreeboolfalse
If true, the React tree is ignored and only the DOM tree is considered. This prop changes how portaled elements are handled.
mouseEvent'onClick'
| 'onMouseDown'
| 'onMouseUp'
| false
'onClick'
The mouse event to listen to. You can disable the listener by providing false.
touchEvent'onTouchEnd'
| 'onTouchStart'
| false
'onTouchEnd'
The touch event to listen to. You can disable the listener by providing false.

O componente não pode manipular ref.

Demonstrações