CardProps interface

Signature

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

Import

  1. 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

  1. description?: string;

disabled property

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

Signature

  1. disabled?: boolean;

heading property

Main heading for the Card *

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;

onClick property

On click handler for the Card

Signature

  1. onClick?: () => void;