@kor-ui/kor
Version:
Web components library containing lightweight, ready-to-use and framework-agnostic User Interface elements.
26 lines (25 loc) • 1.57 kB
TypeScript
import { LitElement } from 'lit';
import '../text';
/**
* @prop {String} src - Defines the source image to be displayed. Must be a url (web or relative path).
* @prop {String} alt - Defines the text shown in case the image cannot be loaded.
* @prop {String} width - Defines the width of the image. Can take a numeric or percentual value.
* @prop {String} height - Defines the height of the image. Can take a numeric or percentual value.
* @prop {'fill'|'contain'|'cover'|'none'|'scale-down'} fit - Defines how the image fits to the component. Possible values are `fill`, `contain`, `cover`, `none` and `scale-down`.
* @prop {String} legend - Defines the legend text.
* @prop {'inner-top'|'inner-bottom'} legendPosition - Defines the position of the legend. Possible values are `inner-top` and `inner-bottom`. If left unset, the legend is displayed underneath the image
* @slot top - The container for components overlayed at the top corner of the image.
* @slot bottom - The container for components overlayed at the bottom corner of the image.
*/
export declare class korImage extends LitElement {
src: string | undefined;
alt: string | undefined;
height: string | undefined;
width: string;
fit: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
legend: string | undefined;
legendPosition: string | undefined;
static get styles(): import("lit").CSSResultGroup[];
render(): import("lit-html").TemplateResult<1>;
attributeChangedCallback(name: string, oldval: string, newval: string): void;
}