@skyux/layout
Version:
This library was generated with [Nx](https://nx.dev).
45 lines (44 loc) • 2.28 kB
TypeScript
import { AfterContentInit, EventEmitter, OnDestroy, QueryList } from '@angular/core';
import { SkyLogService } from '@skyux/core';
import { SkyInlineDeleteComponent } from '../inline-delete/inline-delete.component';
import { SkyCardTitleComponent } from './card-title.component';
import * as i0 from "@angular/core";
/**
* Creates a a small container to highlight important information.
* @deprecated `SkyCardComponent` is deprecated. For other SKY UX components that group and list content, see the content containers guidelines. For more information, see https://developer.blackbaud.com/skyux/design/guidelines/content-containers.
*/
export declare class SkyCardComponent implements AfterContentInit, OnDestroy {
#private;
/**
* The size of the card. The valid options are `"large"` and `"small"`.
* @default "large"
*/
set size(value: string | undefined);
get size(): string;
/**
* Whether to display a checkbox to the right of the card title.
* Users can select multiple checkboxes and perform actions on the selected cards.
* @default false
*/
selectable: boolean | undefined;
/**
* Whether the card is selected. This only applies to card where
* `selectable` is set to `true`.
* @default false
*/
selected: boolean | undefined;
/**
* Fires when users select or deselect the card.
*/
selectedChange: EventEmitter<boolean>;
inlineDeleteComponent: QueryList<SkyInlineDeleteComponent> | undefined;
titleComponent: QueryList<SkyCardTitleComponent> | undefined;
showTitle: boolean;
constructor(logger: SkyLogService);
ngAfterContentInit(): void;
contentClick(): void;
onCheckboxChange(newValue: boolean): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<SkyCardComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SkyCardComponent, "sky-card", never, { "size": { "alias": "size"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "selectedChange": "selectedChange"; }, ["inlineDeleteComponent", "titleComponent"], ["sky-inline-delete", "sky-card-title", "sky-card-content", "sky-card-actions"], false, never>;
}