CardProps interface

Signature

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

Import

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

Properties

PropertyTypeDescription
descriptionstring
disabledbooleanIndicates if the card and all its actions can be interacted with
headingReactNode
hrefstringLink to redirect to on card click. If provided, the Card inner content will be rendered inside a
isSelectedboolean
onClick(e: React.MouseEvent<HTMLElement>) => voidOn click handler for the Card

description property

Signature

  1. description?: string;

disabled property

Indicates if the card and all its actions can be interacted with

Signature

  1. disabled?: boolean;

heading property

Signature

  1. heading?: ReactNode;

href property

Link to redirect to on card click. If provided, the Card inner content will be rendered inside a

Signature

  1. href?: string;

isSelected property

Signature

  1. isSelected?: boolean;

onClick property

On click handler for the Card

Signature

  1. onClick?: (e: React.MouseEvent<HTMLElement>) => void;