BadgeProps interface
Signature
export interface BadgeProps extends HTMLAttributes<HTMLDivElement>
Import
import { BadgeProps } from '@grafana/ui';
Properties
| Property | Type | Description |
|---|---|---|
| color | BadgeColor |
|
| icon | IconName |
|
| text | React.ReactNode |
|
| tooltip | string |
color property
Signature
color: BadgeColor;
icon property
Signature
icon?: IconName;
text property
Signature
text: React.ReactNode;
tooltip property
Signature
tooltip?: string;
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.
