@blueprintjs/core
Version:
Core styles & components
42 lines (41 loc) • 1.2 kB
TypeScript
/// <reference types="react" />
import * as React from "react";
import { IProps } from "../../common/props";
export interface ICardProps extends IProps {
/**
* Controls the intensity of the drop shadow beneath the card: the higher
* the elevation, the higher the drop shadow. At elevation `0`, no drop
* shadow is applied.
*
* @default 0
*/
elevation?: Elevation;
/**
* Whether the card should respond to user interactions. If set to `true`,
* hovering over the card will increase the card's elevation
* and change the mouse cursor to a pointer.
*
* Recommended when `onClick` is also defined.
*
* @default false
*/
interactive?: boolean;
/**
* Callback invoked when the card is clicked.
* Recommended when `interactive` is `true`.
*/
onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
}
export declare enum Elevation {
ZERO = 0,
ONE = 1,
TWO = 2,
THREE = 3,
FOUR = 4,
}
export declare class Card extends React.Component<ICardProps, {}> {
static displayName: string;
static defaultProps: ICardProps;
render(): JSX.Element;
private getClassName();
}