API Reference@grafana/uiCardProps

CardProps interface

Signature

export interface Props extends Omit<CardContainerProps, 'disableEvents' | 'disableHover'> 

Import

import { CardProps } from '@grafana/ui';

Properties

PropertyTypeDescription
descriptionstringCard description text
disabledbooleanIndicates if the card and all its actions can be interacted with
headingReactNodeMain heading for the Card *
hrefstringLink to redirect to on card click. If provided, the Card inner content will be rendered inside a
onClick() => voidOn 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;