@patternfly/react-core/dist/js/components/Card/Card.d.ts

This library provides a set of common React components for use with the PatternFly reference implementation.

import * as React from 'react';
import { OUIAProps } from '../../helpers';
export interface CardProps extends React.HTMLProps<HTMLElement>, OUIAProps {
    /** Content rendered inside the Card */
    children?: React.ReactNode;
    /** ID of the Card. Also passed back in the CardHeader onExpand callback. */
    id?: string;
    /** Additional classes added to the Card */
    className?: string;
    /** Sets the base component to render. defaults to div */
    component?: keyof JSX.IntrinsicElements;
    /** Modifies the card to include compact styling. Should not be used with isLarge. */
    isCompact?: boolean;
    /** Flag indicating that the card is selectable. */
    isSelectable?: boolean;
    /** @deprecated Specifies the card is selectable, and applies raised styling on hover and select */
    isSelectableRaised?: boolean;
    /** Flag indicating that the card is clickable and contains some action that triggers on click. */
    isClickable?: boolean;
    /** Flag indicating whether a card that is either selectable only or both clickable and selectable is
     * currently selected and has selected styling.
     */
    isSelected?: boolean;
    /** Flag indicating whether a card that is either only clickable or that is both clickable and selectable
     * is currently clicked and has clicked styling.
     */
    isClicked?: boolean;
    /** Flag indicating that a clickable or selectable card is disabled. */
    isDisabled?: boolean;
    /** @deprecated Modifies a raised selectable card to have disabled styling */
    isDisabledRaised?: boolean;
    /** Modifies the card to include flat styling */
    isFlat?: boolean;
    /** Modifies the card to include rounded styling */
    isRounded?: boolean;
    /** Modifies the card to be large. Should not be used with isCompact. */
    isLarge?: boolean;
    /** Cause component to consume the available height of its container */
    isFullHeight?: boolean;
    /** Modifies the card to include plain styling; this removes border and background */
    isPlain?: boolean;
    /** Flag indicating if a card is expanded. Modifies the card to be expandable. */
    isExpanded?: boolean;
    /** @deprecated Flag indicating that the card should render a hidden input to make it selectable */
    hasSelectableInput?: boolean;
    /** @deprecated Aria label to apply to the selectable input if one is rendered */
    selectableInputAriaLabel?: string;
    /** @deprecated Callback that executes when the selectable input is changed */
    onSelectableInputChange?: (event: React.FormEvent<HTMLInputElement>, labelledBy: string) => void;
    /** Value to overwrite the randomly generated data-ouia-component-id.*/
    ouiaId?: number | string;
    /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
    ouiaSafe?: boolean;
}
interface CardContextProps {
    cardId: string;
    registerTitleId: (id: string) => void;
    isExpanded: boolean;
    isClickable: boolean;
    isSelectable: boolean;
    isSelected: boolean;
    isClicked: boolean;
    isDisabled: boolean;
    hasSelectableInput: boolean;
}
export declare const CardContext: React.Context<Partial<CardContextProps>>;
export declare const Card: React.FunctionComponent<CardProps>;
export {};
//# sourceMappingURL=Card.d.ts.map