@synergy-design-system/angular
Version:
Angular wrappers for the Synergy Design System
49 lines (46 loc) • 2.1 kB
TypeScript
import * as i0 from '@angular/core';
import { ElementRef, NgZone } from '@angular/core';
import { SynCard } from '@synergy-design-system/components';
/**
* @summary Cards can be used to group related subjects in a container.
* @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-card--docs
* @status stable
* @since 2.0
*
* @slot - The card's main content.
* @slot header - An optional header for the card.
* @slot footer - An optional footer for the card.
* @slot image - An optional image to render at the start of the card.
*
* @csspart base - The component's base wrapper.
* @csspart image - The container that wraps the card's image.
* @csspart header - The container that wraps the card's header.
* @csspart body - The container that wraps the card's main content.
* @csspart footer - The container that wraps the card's footer.
*
* @cssproperty --border-color - The card's border color, including borders that occur inside the card.
* @cssproperty --border-radius - The border radius for the card's edges.
* @cssproperty --border-width - The width of the card's borders.
* @cssproperty --padding - The padding to use for the card's sections.
*/
declare class SynCardComponent {
nativeElement: SynCard;
private _ngZone;
constructor(e: ElementRef, ngZone: NgZone);
/**
* Draws the card with a shadow.
* Can be used when the card has to stand out visually, for example in dashboards.
*/
set shadow(v: '' | SynCard['shadow']);
get shadow(): SynCard['shadow'];
/**
* Draws the card with sharp edges.
* Can be used e.g.
* when nesting multiple syn-cards to create hierarchy.
*/
set sharp(v: '' | SynCard['sharp']);
get sharp(): SynCard['sharp'];
static ɵfac: i0.ɵɵFactoryDeclaration<SynCardComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SynCardComponent, "syn-card", never, { "shadow": { "alias": "shadow"; "required": false; }; "sharp": { "alias": "sharp"; "required": false; }; }, {}, never, ["*"], true, never>;
}
export { SynCardComponent };