bakery-ui
Version:
🥖 A delicious Angular UI component library with bakery-inspired theming and Storybook integration
35 lines (34 loc) • 2.24 kB
TypeScript
import { EventEmitter } from '@angular/core';
import * as i0 from "@angular/core";
export type CupcakeCardVariant = 'default' | 'outlined' | 'elevated' | 'filled';
export type CupcakeCardSize = 'sm' | 'md' | 'lg';
export declare class CupcakeCard {
variant: CupcakeCardVariant;
size: CupcakeCardSize;
title?: string;
subtitle?: string;
image?: string;
imageAlt?: string;
imageLoading: 'lazy' | 'eager';
imageBadge?: string;
avatar?: string;
avatarAlt?: string;
clickable: boolean;
disabled: boolean;
loading: boolean;
headerAction: boolean;
hasHeader: boolean;
hasFooter: boolean;
ariaLabel?: string;
fullWidth: boolean;
cardClick: EventEmitter<Event>;
handleClick(event: Event): void;
get cardClasses(): string;
get headerClasses(): string;
get contentClasses(): string;
get footerClasses(): string;
get imageClasses(): string;
get rippleColor(): string;
static ɵfac: i0.ɵɵFactoryDeclaration<CupcakeCard, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<CupcakeCard, "cupcake-card", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "image": { "alias": "image"; "required": false; }; "imageAlt": { "alias": "imageAlt"; "required": false; }; "imageLoading": { "alias": "imageLoading"; "required": false; }; "imageBadge": { "alias": "imageBadge"; "required": false; }; "avatar": { "alias": "avatar"; "required": false; }; "avatarAlt": { "alias": "avatarAlt"; "required": false; }; "clickable": { "alias": "clickable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "headerAction": { "alias": "headerAction"; "required": false; }; "hasHeader": { "alias": "hasHeader"; "required": false; }; "hasFooter": { "alias": "hasFooter"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; }, { "cardClick": "cardClick"; }, never, ["[slot=header-action]", "*", "[slot=footer]"], true, never>;
}