ClickOutsideWrapper class
Signature
export declare class ClickOutsideWrapper extends PureComponent<Props, State>
Import
import { ClickOutsideWrapper } from '@grafana/ui';
Properties
| Property | Modifiers | Type | Description |
|---|---|---|---|
| defaultProps | static |
{ includeButtonPress: boolean; parent: Window & typeof globalThis; useCapture: boolean; } |
|
| myRef | React.RefObject<HTMLDivElement> |
||
| onOutsideClick | (event: any) => void |
||
| state | { hasEventListener: boolean; } |
Methods
| Method | Modifiers | Description |
|---|---|---|
| componentDidMount() | ||
| componentWillUnmount() | ||
| render() |
defaultProps property
Signature
static defaultProps: {
includeButtonPress: boolean;
parent: Window & typeof globalThis;
useCapture: boolean;
};
myRef property
Signature
myRef: React.RefObject<HTMLDivElement>;
onOutsideClick property
Signature
onOutsideClick: (event: any) => void;
state property
Signature
state: {
hasEventListener: boolean;
};
componentDidMount method
Signature
componentDidMount(): void;
Returns:
void
componentWillUnmount method
Signature
componentWillUnmount(): void;
Returns:
void
render method
Signature
render(): JSX.Element;
Returns:
JSX.Element
Related Grafana resources
Getting started with Grafana 8
Grafana 8.0 is here! Join us for a live walkthrough on how to get started using Grafana 8 and the Grafana 8 user interface while showing how to set up monitoring for a web service that uses Prometheus and Loki to store metrics and logs.
Unify your data with Grafana plugins: Splunk, MongoDB, Datadog, and more
Show how Grafana can be used to take data from multiple different sources and unify it, without disrupting the investments that are working today.
Getting started with Grafana Enterprise and observability
Join the Grafana Labs team for a 30-minute demo of how to get started with the Grafana Stack, so you can go from zero to observability in just a few minutes.
