CardProps interface
Signature
export interface Props extends Omit<CardContainerProps, 'disableEvents' | 'disableHover'>
Import
import { CardProps } from '@grafana/ui';
Properties
| Property | Type | Description |
|---|---|---|
| description | string |
Card description text |
| disabled | boolean |
Indicates if the card and all its actions can be interacted with |
| heading | ReactNode |
Main heading for the Card * |
| href | string |
Link to redirect to on card click. If provided, the Card inner content will be rendered inside a |
| onClick | () => void |
On click handler for the Card |
description property
Card description text
Signature
description?: string;
disabled property
Indicates if the card and all its actions can be interacted with
Signature
disabled?: boolean;
heading property
Main heading for the Card *
Signature
heading: ReactNode;
href property
Link to redirect to on card click. If provided, the Card inner content will be rendered inside a
Signature
href?: string;
onClick property
On click handler for the Card
Signature
onClick?: () => void;
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.
