import { CLAlign, CLBorderRadius, CLCardTypes, CLColors, CLColorVariants, CLGenericFunction, CLHeadingLevels, CLHeadingTypes, CLLinkTarget, CLLoading, CLOrder, CLOverflow } from '../../../types';
export interface CLCardProps {
/** When set to `true`, it elevates the card to indicate its active state */
active?: boolean;
/** Set the horizontal alignment of content */
align?: CLAlign;
/** Sets the aria-label if the `onClick` or `href` property has been set */
ariaLabel?: string;
/** The border radius size */
borderRadius?: CLBorderRadius;
/** When set to `true`, adds a border to the card */
bordered?: boolean;
/** When set to `true`, utilizes the `` component for loading state */
busy?: boolean;
/** Appears below the title for meta data like time and date */
byline?: string;
/** Sets the color of the Card's background, color, title and byline */
color?: CLColors;
/** When set to `true`, it removes vertical spacing in between content */
compact?: boolean;
/** Displays a shadow to indicate elevation */
elevated?: boolean;
/** Callback function which provides a reference to the element */
forwardRef?: (elem: HTMLDivElement) => void;
/** Sets the height of the Card */
height?: string;
/** Provide a URL for the entire Card to behave as a link */
href?: string;
/** Provide a URL/relative path to an image to be displayed */
image?: string;
/** Set the alt text for an image */
imageAltText?: string;
/** Sets the height of the image */
imageHeight?: string;
/** Indicates how the browser should load the image */
imageLoading?: CLLoading;
/** Set the position of the image relative to content */
imageOrder?: CLOrder;
/** Sets the width of the image */
imageWidth?: string;
/** Callback function to handle click events */
onClick?: CLGenericFunction;
/** Sets how content overflow is handled */
overflow?: CLOverflow;
/** When set to `false`, removes horizontal and vertical padding */
padded?: boolean;
/** When set to `false`, renders a Card without rounded corners */
rounded?: boolean;
/** Sets where to display the linked URL */
target?: CLLinkTarget;
/** Sets a custom ID used for unit tests */
testId?: string;
/** Set the text of the title to be displayed */
title?: string;
/** Set the title heading level */
titleHLevel?: CLHeadingLevels;
/** Set the title type */
titleType?: CLHeadingTypes;
/** When set to `true`, truncate the title if it overflows its container */
truncateTitle?: boolean;
/** Sets the Card type/size */
type?: CLCardTypes;
/** Sets the color variant */
variant?: CLColorVariants;
/** Sets the width of the Card */
width?: string;
}
declare const _default: __VLS_WithTemplateSlots & Readonly<{}>, {
color: CLColors;
variant: CLColorVariants;
rounded: boolean;
testId: string;
type: CLCardTypes;
target: CLLinkTarget;
width: string;
height: string;
align: CLAlign;
active: boolean;
busy: boolean;
elevated: boolean;
bordered: boolean;
compact: boolean;
imageAltText: string;
imageHeight: string;
imageLoading: CLLoading;
imageWidth: string;
overflow: CLOverflow;
padded: boolean;
titleHLevel: CLHeadingLevels;
titleType: CLHeadingTypes;
truncateTitle: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
refExpandedArea: HTMLDivElement;
'slot-content': HTMLDivElement;
}, HTMLDivElement>, {
heading?(_: {}): any;
heading?(_: {}): any;
byline?(_: {}): any;
default?(_: {}): any;
footer?(_: {}): any;
image?(_: {}): any;
}>;
export default _default;
type __VLS_WithTemplateSlots = T & {
new (): {
$slots: S;
};
};