@carbon/ibm-products
Version:
Carbon for IBM Products
79 lines (78 loc) • 2.79 kB
TypeScript
import React, { ReactNode } from 'react';
interface CardHeaderProps {
actions?: ReactNode;
/**
* Optional prop that allows you to pass any component.
*/
decorator?: ReactNode | boolean;
description?: ReactNode;
hasActions?: boolean;
/**
* is the host card clickable
*/
inClickableCard?: boolean;
label?: ReactNode;
noActionIcons?: boolean;
onPrimaryButtonClick?: () => void;
onSecondaryButtonClick?: () => void;
primaryButtonDisabled?: boolean;
primaryButtonIcon?: React.ElementType;
primaryButtonPlacement?: 'top' | 'bottom';
primaryButtonText?: string;
secondaryButtonDisabled?: boolean;
secondaryButtonHref?: string;
secondaryButtonIcon?: React.ElementType;
secondaryButtonKind?: 'secondary' | 'ghost';
secondaryButtonPlacement?: 'top' | 'bottom';
secondaryButtonText?: string;
/**
* **Experimental:** For all cases a `Slug` component can be provided.
* Clickable tiles only accept a boolean value of true and display a hollow slug.
* @deprecated please use the `decorator` prop
*/
slug?: ReactNode;
title?: ReactNode;
titleSize?: 'default' | 'large';
}
export declare const CardHeader: {
({ actions, decorator, noActionIcons, onPrimaryButtonClick, onSecondaryButtonClick, primaryButtonIcon, primaryButtonPlacement, primaryButtonText, primaryButtonDisabled, description, hasActions, inClickableCard, label, secondaryButtonDisabled, secondaryButtonHref, secondaryButtonIcon, secondaryButtonPlacement, secondaryButtonText, slug, title, titleSize, }: CardHeaderProps): React.JSX.Element;
/**@ts-ignore */
propTypes: {
actions: any;
/**
* Optional prop that allows you to pass any component.
*/
decorator: any;
description: any;
hasActions: any;
/**
* is the host card clickable
*/
inClickableCard: any;
label: any;
noActionIcons: any;
onPrimaryButtonClick: any;
onSecondaryButtonClick: any;
primaryButtonDisabled: any;
primaryButtonIcon: any;
primaryButtonPlacement: any;
primaryButtonText: any;
secondaryButtonDisabled: any;
secondaryButtonHref: any;
secondaryButtonIcon: any;
secondaryButtonKind: any;
secondaryButtonPlacement: any;
secondaryButtonText: any;
/**
* **Experimental:** For all cases a `Slug` component can be provided.
* Clickable tiles only accept a boolean value of true and display a hollow slug.
* @deprecated please use the `decorator` prop
*/
slug: any;
title: any;
titleSize: any;
};
/**@ts-ignore */
displayName: string;
};
export {};