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.
Demo: 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.
