dap-design-system
Version:
Official design system for the DÁP (dap.gov.hu)
33 lines (32 loc) • 1.43 kB
TypeScript
import { DdsElement } from '../../internal/dds-hu-element';
/**
* `dap-ds-card-image`
* @summary A card image is a container for images in a card.
* @element dap-ds-card-image
* @title - Card image
* @group card
*
* @slot - The default slot for the image. The slot can accept any element, for example a video. If nothing is added to the slot, the image will be rendered.
*
* @csspart base - The main card image container.
*
* @cssproperty --dds-card-image-width - The width of the image. (default: 100%)
* @cssproperty --dds-card-image-height - The height of the image. (default: auto)
* @cssproperty --dds-card-image-object-fit - How the image fits within its container. (default: cover)
* @cssproperty --dds-card-image-background-position - The background position of the image. (default: center)
* @cssproperty --dds-card-image-background-size - How the background image is sized. (default: cover)
* @cssproperty --dds-card-image-background-repeat - How the background image repeats. (default: no-repeat)
*/
export default class DapDSCardImage extends DdsElement {
static tagName: string;
/** The source of the image.*/
src: string;
/** The alt text of the image.*/
alt: string;
/** The width of the image.*/
width: number;
/** The height of the image.*/
height: number;
static readonly styles: import('lit').CSSResult;
render(): import('lit-html').TemplateResult;
}