@hakit/components
Version:
A series of components to work with @hakit/core
18 lines • 1.3 kB
TypeScript
import { EntityName } from '@hakit/core';
import { PictureCardProps, CardBaseProps } from '../..';
type OmitProperties = "as" | "active" | "title" | "entity" | "modalProps" | "entity" | "serviceData" | "service" | "disableRipples" | "disableScale" | "disableActiveState" | "rippleProps" | "service" | "serviceData" | "longPressCallback" | "onClick" | "modalProps";
type Extendable = PictureCardProps & Omit<CardBaseProps<"div", EntityName>, OmitProperties>;
export interface AreaCardProps extends Extendable {
/** the hash of the area, eg "office", "living-room", this will set the hash in the url bar and activate the area */
hash: string;
/** The children to render when the area is activated */
children: React.ReactNode;
/** called when the card is pressed */
onClick?: () => void;
/** disable the click events on the card, useful if you want to disable the area card for certain situations like drag or panning @default false */
disable?: boolean;
}
/** The AreaCard component is a very simple way of categorizing all your entities into a single "PictureCard" which will show all the entities when clicked. */
export declare function AreaCard(props: AreaCardProps): import("@emotion/react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=index.d.ts.map