@claromentis/design-system
Version:
Claromentis Design System Component Library
51 lines (50 loc) • 1.76 kB
TypeScript
import { ComponentInterface } from '../../stencil-public-runtime';
import { CssClassMap } from '../../interfaces';
import 'ionicons';
/**
* @slot status - holds text or cla-badge component to show the status of a card
* @slot - Holds a cla-card-figure or cla-card-image
*/
export declare class Cardmedia implements ComponentInterface {
/**
* The host Element
**/
el: HTMLElement;
/**
* Placeholder icon - this can be either a Glyphicon or an Ionicon
* In the case of glyphicons us the 'glyphicons-...' class
* In the case of the Ionicon use the name attribut of the icon e.g 'hourglass-outline'
* This prop is not compatible with preserveaspect
*/
placeholder: string;
/**
* Height of card-media panel i.e. 100px/10vh/5rem etc - if no height is applied the standard height is 165px, set to auto when using the preserveaspect attribute on cla-card-image
*/
height: string;
/**
* Additional styling classes if needed;
*/
styleclass: string;
/**
* Set as 'true' to preserve the aspect ratio of the uploaded image
*/
preserveaspect: boolean;
/**
* The placeholder background colour
* The default uses Claromentis' product theme primary colour variable in the first instance
* If the component is used in a project without this variable it will default to white.
*/
bgcolor: string;
/**
* The placeholder icon colour
* The default uses Claromentis' product theme primary colour contrast variable in the first instance
* If the component is used in a project without this variable it will default to 'var(--gray-900)'.
*/
iconcolor: string;
/**
* Function to determine icon type (Glyphicon or Ionicon)
*/
private iconType;
getClassMap(): CssClassMap;
render(): any;
}