dap-design-system
Version:
Official design system for the DÁP (dap.gov.hu)
22 lines (21 loc) • 1.16 kB
TypeScript
import { default as Component } from '../../components/card/card-image.js';
/**
* `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)
*/
declare const reactWrapper: import('@lit/react').ReactWebComponent<Component, {}>;
export default reactWrapper;