VizLayoutProps interface
This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
Signature
export interface VizLayoutProps
Import
import { VizLayoutProps } from '@grafana/ui';
Properties
| Property | Type | Description |
|---|---|---|
| children | (width: number, height: number) => React.ReactNode |
(BETA) |
| height | number |
(BETA) |
| legend | React.ReactElement<VizLayoutLegendProps> | null |
(BETA) |
| width | number |
(BETA) |
This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
children property
Signature
children: (width: number, height: number) => React.ReactNode;
This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
height property
Signature
height: number;
This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
legend property
Signature
legend?: React.ReactElement<VizLayoutLegendProps> | null;
This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
width property
Signature
width: number;
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.
