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